假设已经有一个通过 vue-cli3 脚手架构建的 vue 项目
命令行安装 Typescript
npm install --save-dev typescript npm install --save-dev @vue/cli-plugin-typescript
编写 Typescript 配置
根目录下新建 tsconfig.json，下面为一份配置实例(
点击查看所有配置项
)。值得注意的是，默认情况下，ts 只负责静态检查，即使遇到了错误，也仅仅在编译时报错，并不会中断编译，最终还是会生成一份 js 文件。如果想要在报错时终止 js 文件的生成，可以在 tsconfig.json 中配置 noEmitOnError 为 true。
{
"compilerOptions": {
"target": "esnext",
"module": "esnext",
"strict": true,
"importHelpers": true,
"moduleResolution": "node",
"experimentalDecorators": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"sourceMap": true,
"baseUrl": ".",
"allowJs": false,
"noEmit": true,
"types": [
"webpack-env"
],
"pat
版权声明：本文为hello_katty原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。