vscode自动编译TypeScript

1.首先安装TypeScript Compiler

npm i -g typescript

安装完毕后,tsc -v测试 tsc 是否可以使用

2.项目目录下打开命令行工具,tsc --init 初始化编译工具

3.配置编译文件tsconfig.json如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
{
"compilerOptions": {
//编译之后生成的JavaScript文件需要遵循的标准。有三个候选项:es3、es5、es2015。
"target": "es5",
//为false时,如果编译器无法根据变量的使用来判断类型时,将用any类型代替。为true时,将进行强类型检查,无法推断类型时,提示错误。
"noImplicitAny": false,
//遵循的JavaScript模块规范。主要的候选项有:commonjs、AMD和es6。
"module": "es6",
//编译生成的JavaScript文件是否移除注释
"removeComments": true,
//编译时是否生成对应的source map文件。这个文件主要用于前端调试。当前端js文件被压缩引用后,出错时可借助同名的source map文件查找源文件中错误位置。
"sourceMap": false,
// "outDir": "common/js" //编译输出JavaScript文件存放的文件夹。
},
//编译时需要剔除的文件夹。
"exclude": [
"node_modules"
]
}

4.command + shift + P打开命令面板

执行Tasks: run task命令

选择tsc 监视 tsconfig.json

以上,即可自动编译typescript文件。

坚持原创技术分享,您的支持将鼓励我继续创作!