如何使用Vue CLI 4.0在项目中集成TypeScript？
- 内容介绍
- 相关推荐
本文共计589个文字，预计阅读时间需要3分钟。
现有的项目是使用vue+cli4.0脚手架生成的，现在想引入typescript。
1. 执行安装命令：`npm install --save-dev typescript`
2.执行安装命令：`npm install --save-dev @vue/cli-plugin-typescript`
3.在项目根目录下新建`tsconfig.json`文件，内容如下：
json
{ compilerOptions: { target: esnext, module: esnext, moduleResolution: node, lib: [esnext, dom], jsx: preserve, strict: true, jsxImportSource: @vue/vue3-stdlib, experimentalDecorators: true, esModuleInterop: true, allowSyntheticDefaultImports: true, sourceMap: true, baseUrl: ., paths: { @/*: [src/*] } }}现有的项目是采用vue cli4.0脚手架生成的，现在想要引入typescript。
本文共计589个文字，预计阅读时间需要3分钟。
现有的项目是使用vue+cli4.0脚手架生成的，现在想引入typescript。
1. 执行安装命令：`npm install --save-dev typescript`
2.执行安装命令：`npm install --save-dev @vue/cli-plugin-typescript`
3.在项目根目录下新建`tsconfig.json`文件，内容如下：
json
{ compilerOptions: { target: esnext, module: esnext, moduleResolution: node, lib: [esnext, dom], jsx: preserve, strict: true, jsxImportSource: @vue/vue3-stdlib, experimentalDecorators: true, esModuleInterop: true, allowSyntheticDefaultImports: true, sourceMap: true, baseUrl: ., paths: { @/*: [src/*] } }}现有的项目是采用vue cli4.0脚手架生成的，现在想要引入typescript。