12、在已有的Vue项目中引入ts

一、安装插件

项目根目录下

• 安装typescript及loader

npm install typescript ts-loader --save-dev

• 安装vue-property-decorator

npm install vue-property-decorator --save-dev

 二、修改vue.config.js

添加

  configureWebpack: {
    resolve: { extensions: [".ts", ".tsx", ".js", ".json"] },
  }

 

 

三、新建tsconfig.json放在项目根目录

{
    "compilerOptions": {
      "target": "es5",
      "module": "commonjs",
      "strict": true,
      "strictNullChecks": true,
      "esModuleInterop": true,
      "experimentalDecorators": true
    }
  }

四、在src目录下新建shims-vue.d.ts文件

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