1、Jasmine
Jasmine是一个行为驱动的测试开发框架，用于对JavaScript代码进行测试。它不依赖其它任何JavaScript框架，也不需要DOM。它的语法简洁、明确，写测试非常容易。
2、Mocha
Mocha是一个功能丰富的JavaScript测试框架，既运行于Node.js环境中，也可以运行于浏览器环境中。Mocha以串行方式运行测试，能做出灵活而准确的报告，也能将测试中未捕捉的异常映射到正确的测试用例。
3、Chai
Chai是个支持BDD/TDD的库，可用于node和浏览器，可配合任何JavaScript测试框架使用。
4、QUnit
QUnit是个功能强大又易于使用的JavaScript单元测试框架。jQuery、jQueryUI和jQueyMobile项目都使用这个框架，它能测试普通的JavaScript代码。
5、Sinon
Sinon.JS为JavaScript提供了独立的spies、stubs和mocks[译者注：Spy、Stub和Mock都是测试专用名词，Stub常被翻译为桩，spies是Spy的复数形式，是一种可以监视方法、调用和参数的技术]。它不依赖任何东西，可以配合任何单元测试框架工作。
6、Karma
Karma是针对连通浏览器的一个框架无关测试运行器。每一个测试结果对应每个浏览器，它的测试和显示都是通过命令行暴露给开发者的，这样他们就可以看到浏览器测试的通过或失败。
7、Selenium
Selenium有一个简单的目标：就是自动化浏览器。它主要用于自动化测试web应用程序，但是只是很简单地考虑到了基于网络的管理任务。
8、WebdriverIO
WebdriverIO允许用户仅添加几行代码就可以控制浏览器或移动应用程序，使测试代码更简单、简洁、易读。集成的TestRunner同样允许你以同步的方式调用异步命令，这样你不需要关心如何处理Promise以避免竞态条件。此外，它取消了所有的繁琐的设置工作，并且会为您管理的Selenium会话。
9、Nightwatch
Nightwatch.js是一个易于使用的Node.js，它是为基于浏览器的app和网站设计的终端到终端（E2E）的测试方法。它使用强大的W3CWebDriverAPI，用于在DOM元素上执行命令和断言。
10、PhantomCSS
PhantomCSS获得CasperJS捕获的屏幕截图，并使用Resemble.js将其与基准图进行对比，以测试RGB像素差异。java课程http://www.kmbdqn.cn/发现PhantomCSS然后生成图像差异对比，用于帮助您找到原因。
11、PhantomFlow
PhantomFlow使用决策树提供UI测试方案。针对PhantomJS,CasperJS和PhantomCSS的NodeJS包装器——PhantomFlow能够流畅地在代码中描述用户流程，同时生成用于可视化的结构化树数据。
可以直接用谷歌浏览器测试。谷歌浏览器开发者工具比较全面，可以打断点，可以查看调用栈，同时可以查看html和css的变化情况，所以一般情况使用谷歌浏览器测试js就可以了。
其他的开发工具，虽然也有js调试，但是可能不能跟踪html,css等的变化。
网上了解了好一阵，好家伙，前端技术完全自成体系，跟后端一样复杂了，什么路由，什么MVC，什么编译打包，什么依赖下载，各种后端用词在前端也都适用了，哎，太难了。
一、学习渠道
1. 中文官网： https://cn.vuejs.org/
开发工具使用火狐，因为谷歌用不了扩展，当然你可能会有办法的。
用火狐浏览器打开： https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/
2. 官方文档 ： https://v3.cn.vuejs.org/guide/introduction.html
二、环境安装
首先要注意的是，涉及使用cmd命令行执行的，如npm命令等，最好用管理员权限打开cmd，否则说不准后面会出现莫名其妙的错误。
1. 安装nodejs，这个是可以运行js代码的服务端环境，方便本地运行或热部署，这个nodejs包含了npm组件（依赖包管理工具，支持下载、运行、编译、打包等等）
下载地址： https://nodejs.org/zh-cn/
我本地安装的版本是 node-v10.16.3-win-x64，一般安装在 D:Program Files。
2. 安装cnpm组件，为了下载安装包和依赖包更快一点，最好用先安装国内镜像支持，这个组件包含了包含npm大部分功能。
3. 安装Vue/CLI组件，你可以直接使用npm安装，或者安装Vue的CLI，就是脚手架工具，里面包含了Vue本身，建议直接安装这个，省的麻烦。
官网建议Vue3的使用Vue CLI v4.5+，如果版本有问题或升级版本，可以直接去这里删除，全局的库目录在 D:Program Files ode-v10.16.3-win-x64 ode_modules。
4. 创建项目。先命令行转到你要放置项目的目录，执行以下命令。
然后窗口会让你选择是Vue2版本还是Vue3版本的，它还包含默认安装(babel, eslint），我当然选择最新的Vue3安装。
windows下安装注意别用powershell或者git-bash，直接用cmd命令行就好。
结尾出现以下提示，说明你安装成功了。
知识记录1：如果你出现以下问题：
原因是：执行npm命令时没有管理员权限， 用管理员权限打开cmd， 然后再执行npm相关命令即可。
知识记录2：如果你有Vue2，想升级Vue3的最新版本，可操作如下：
5. 额外介绍下，你不一定使用vue脚手架创建vue项目，你还可以使用vite组件创建项目。
官网： https://github.com/vitejs/vite
注意：vite当前只支持vue3.x
名词注释：
脚手架：就是标准的、常见的一种项目目录安排规范。
babel: js的编译器，用了它你就可以像后端开发语言一样对源码进行编译打包了。
eslint：一种js的代码检测工具。
