vue-cli（2.9.6）下TypeScript的使用讲解

升级webpack

博主在升级时遇到webpack版本低的问题，所以先升级了webpack到webpack4

安装依赖

yarn add ts-loader typescript --dev，yarn add vue-class-component vue-property-decorator --save,

vue-class-component

修改配置文件webpack.base.conf

module.exports = {
  context: path.resolve(__dirname, '../'),
  entry: {
    app: './src/main.ts'
  },
  // ...
  resolve: {
    extensions: ['.js', '.vue', '.json', '.ts', '.tsx'],
    // ...
  },
  module: {
      rules: [
           {
            test: /\.tsx?$/,
            exclude: /node_modules/,
            use: [
              'babel-loader',
              {
                loader: 'ts-loader',
                options: {
                  appendTsxSuffixTo: [/\.vue$/]
                }
              }
            ]
          },
      ]
  }
  // ...
}

错误记录

Cannot find type definition file for ‘node’

 error  in F:\project\公司\智能工厂\smart-video-mobile\tsconfig.json

[tsl] ERROR
      TS2688: Cannot find type definition file for 'node'.

直接使用@vue/cli生成TypeScript项目了，后续内容再更新吧