vue cli4.0项目引入typescript

　　现有的项目是采用vue cli4.0脚手架生成的，现在想要引入typescript。

　　1.执行安装命令

npm install --save-dev typescript
npm install --save-dev @vue/cli-plugin-typescript

　　2.根目录下新建 tsconfig.json

{
  "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"],
    "paths": {
      "@/*": ["src/*"]
    },
    "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
  },
  "exclude": ["node_modules"]
}

　　3.新增 shims-vue.d.ts
根目录下新建 shims-vue.d.ts，让 ts 识别 *.vue 文件，文件内容如下：

declare module '*.vue' {
  import Vue from 'vue';
  export default Vue;
}

　　4.修改入口文件后缀

src/main.js => src/main.ts

　　5.改造 .vue 文件