vs code 版本: 1.11.2

查看(v) —> 集成终端(i) ctrl+~ (在英文标点状态下打 ~)

选择 终端 .

在下方 输入 tsc -w

完成…每次你保存, 命令都会被自动执行.

##创建TypeScript编译器配置文件

当前TypeScript代码并不能直接执行,需编译为JavaScript代码。而借助VS Code,我们就不用在命令行输入编译命令了。为此,在根目录添加一个tsconfig.json文件。该文件是TypeScript编译器配置文件。文件内容如下所示:

{
“compilerOptions”: {
“target”: “es5”,
“module”: “amd”,
“sourceMap”: true
},
“exclude”: [
“node_modules”,
“typings/main”,
“typings/main.d.ts”
]
}

tsconfig.json文件各项说明如下:

"compilerOptions"——编译器选项;
"target"——编译目标,如这里编译为es5代码;
"module"——处理独立文件时的模块加载方式;
"sourceMap"——是否创建map文件以帮助调试;
"exclude"——编译器会编译TypeScript文件(.ts或.tsx),通过排除设置里的TypeScript文件不会被编译。

关于tsconfig.json的进一步信息可以参考:

这里