先声明，我是用的vue-cli快速构建的项目结构，以下jest环境配置也是在此基础上展开的。
先vue-cli初始化一个项目
1.全局安装vue-cli （此步骤只需第一次执行，以后就可以略过）
npm install --global vue-cli
2.创建一个基于webpack模板的新项目（tips：项目名不能包含大写字母）
vue init webpack 项目名 （一直回车就行）
cd 项目名
npm install
npm run dev
配置jest环境
其实你会发现此时环境已经配好了，npm run unit 你会发现报错如下图
image.png
大概意思就是：mapCoverage已经不需要了，请重新配置，然后把
jest.conf.js 中的配置项mapCoverage删除。再次运行npm run unit，依旧报错，截图如下
image.png
经过查询，加上以下代码就好了
"verbose": true,
"testURL": "http://localhost/"
再次运行npm run unit ,叮~好啦
总结以下，就是jest.conf.js从上图到下图的的变化，你还可以下载vue-test-utils(这个自己看)
image.png
image.png
网友评论