在已有vue项目中添加单元测试

1. 已有项目技术框架

 //执行命令npm ls vue查看当前项目中vue版本
 `-- [email protected]
 //执行命令vue -V查看vue-cli版本
 @vue/cli 4.5.11

2. 选择框架

在这里插入图片描述
在这里插入图片描述

3. 此处使用Mocha进行单元测试

 vue add @vue/unit-mocha

执行此命令会自动安装单元测试需要的依赖以及添加相应的配置,执行完成后,在tests文件夹下,编写相应的测试文件即可。
若执行此命令报错:
在这里插入图片描述
改为执行如下命令,依赖名用单引号或双引号包裹:

vue add '@vue/unit-mocha'

vue安装mocha官网文档
Mocha 中文网
Vue CLI 官方插件 - Mocha

4. 若使用Jest进行单元测试

 vue add @vue/unit-jest

Jest是由facebook发布

vue安装jest文档
Jest官网
Vue CLI 官方插件 - Jest

猜你喜欢

转载自blog.csdn.net/qq_41839808/article/details/117660239
今日推荐