在 Vue 项目中使用 TypeScript 需要进行一些配置,具体步骤如下:
- 安装 TypeScript 和相关依赖:
npm i typescript ts-loader -D
- 在 webpack.base.config.js 中添加 ts-loader,并在 resolve.extensions 中添加 .ts 后缀。
- 在根目录创建 tsconfig.json 文件,并确保 Vue 可以正常使用 TypeScript。
- 安装 Vue-class-component 和 Vue-property-decorator,以使用 @Component 和 @Prop 等装饰器。
此外,对于 Vue 单文件组件,使用 TypeScript 时需要在