Vue CLI 4.0项目引入TypeScript方法
在现有的 Vue CLI 4.0 项目中引入 TypeScript 其实挺，基本上就是几个小步骤。，安装 TypeScript 和 Vue CLI 的 TypeScript 插件，执行以下命令就好：
npm install --save-dev typescript
npm install --save-dev @vue/cli-plugin-typescript
，在根目录下创建tsconfig.json配置文件，设置好一些基础的编译选项，比如目标是esnext，开启严格模式等。，为了让 TypeScript 识别.vue文件，创建一个shims-vue.d.ts文件，里面写上必要的声明。
另外，还要把src/main.js重命名为src/main.ts，在你的 Vue 文件中直接加上lang="ts"来启用 TypeScript。
如果你喜欢使用装饰器，也可以安装vue-class-component和vue-property-decorator，这能让组件定义看起来更清晰、结构更清楚。
做完这些之后，项目就成功启用了 TypeScript，代码类型检查也会更严密，维护起来也更加容易了。小伙伴们，可以大胆地去做了！
文件大小：37.95KB
评论区