mini_vue3学习笔记1(安装部署jest测试环境和ts环境)

93 阅读1分钟

1. yarn init -y 初始化 。生成一个package.json文件

2. 创建一个src文件夹。在该文件夹下创建reactivity文件夹。在reactivity文件夹下新建一个index.ts文件

3. 在reactivity下新建一个tests文件夹。在tests文件夹下生成一个index.spec.ts文件。在该文件下写一个it函数回调函数为expect函数。。这时候会报错。这时运行npx tsc --init

4. 安装typescript 命令: yarn add typescript --dev

5. 运行npx tsc --init

6. 安装: yarn add jest @types/jest --dev

7. 切换到tsconfig.json文件下。将对象types属性值设为jest

8. 切换到package.json文件中,将scripts对象下的属性值设为{“test”:”jest”}

9. 运行:yarn test

10. 

image.png

image.png

11. 切换到tsconfig.json文件下。将“noImplicitAny”属性值设置为false

12. 安装 yarn add --dev babel-jest @babel/core @babel/preset-env

image.png

13. 新建babel.config.js文件:

14. 安装yarn add --dev @babel/preset-typescript

15. 在Babel.config.js文件的presets数组中,增加‘@babel/preset-typescript’ 16. 成功:

image.png