依赖的安装
经过对文档的阅读发现,vue对typescript有一个官方的依赖@vue/cli-plugin-typescript
但是在安装这个依赖的时候踩了一些坑,特此记录一下
流程与遇到的问题
经过阅读官方文档,我认为的操作流程如下:
- 安装
@vue/cli-plugin-typescript
,直接运行yarn add @vue/cli-plugin-typescript
、npm install @vue/cli-plugin-typescript
或者npm install @vue/cli-plugin-typescript --save-dev
; - 起项目,运行
yarn server
或者npm run serve
,项目就可以起了;
但是发现是我认真了,哪有这么简单
我遇到了以下问题
经过翻阅报错信息以及文档等等发现了并不是像其他文章中写到的重新yarn install
就可以解决的,而是因为缺少依赖,运行以下命令安装依赖就可以解决:
yarn install typescript
yarn install ts-loader
其中,需要在根目录下新建一个typescript的配置文件tsconfig.json
以下是根据文档整理的,可以参照官方文档做适当更改
{
"compilerOptions": {
"module": "commonjs",
"noImplicitAny": true,
"removeComments": true,
"preserveConstEnums": true,
"sourceMap": true
},
"files": [
"core.ts",
"sys.ts",
"types.ts",
"scanner.ts",
"parser.ts",
"utilities.ts",
"binder.ts",
"checker.ts",
"emitter.ts",
"program.ts",
"commandLineParser.ts",
"tsc.ts",
"diagnosticInformationMap.generated.ts"
],
"include": ["src/**/*"],
"exclude": ["node_modules", "**/*.spec.ts"],
}