vue2.x老项目typescript改造过程经验总结

// Vue 2.x 项目中使用 TypeScript 的基础配置示例
 
// tsconfig.json
{
  "compilerOptions": {
    "target": "es5",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "importHelpers": true,
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "sourceMap": true,
    "baseUrl": ".",
    "types": [
      "webpack-env"
    ],
    "paths": {
      "@/*": [
        "src/*"
      ]
    }
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "tests/**/*.ts",
    "tests/**/*.tsx"
  ],
  "exclude": [
    "node_modules"
  ]
}

这个配置文件提供了在Vue 2.x项目中使用TypeScript所需的基础设置。其中，include字段指定了项目中包含TypeScript文件的目录，exclude字段指定了需要排除的文件夹，compilerOptions中的各项设置定义了编译选项，如目标ECMAScript版本、模块系统、装饰器的支持等。