1、根目录添加 tsconfig.js

{
   "compilerOptions": {
      "baseUrl": ".",
      "paths": {
         "@/*": [
            "./src/renderer/*"
         ]
      },
      // 与 Vue 的浏览器支持保持一致
      "target": "es6",      // 这可以对 `this` 上的数据属性进行更严格的推断
      "strict": true,
      // 如果使用 webpack 2+ 或 rollup，可以利用 tree-shake:
      "module": "es2015",
      "moduleResolution": "node"
   },
   "include": [
      "./src/renderer/**/*"
   ]
}

注：如果支持ts的其他框架时，这里的内容根据框架内容修改

2、 修改webpack.renderer.config.js

改文件在 .electron-vue目录下，添加如下内容

  module: {
    rules: [
      在这里添加以下内容，以前的内容保留
      {
        test: /\.ts?$/,
        use: 'ts-loader',
        exclude: /node_modules/,
      }
    ]
  }

3 、安装 ts-loader

npm install ts-loader --save