vscode 自动编译TS文件到JS

1. 生成 tsconfig.json,打开项目根目录在终端输入命令:

tsc --init

2. 修改 tsconfig.json 配置

"include": ["./src/**/*"],   /* 指定被编译文件所在的目录 */
"compilerOptions": {
    "outDir": "./dist"       /* 指定输出目录 */
}

3. 打开监视

    点击终端 -> 运行任务 ,可以看到当前项目所要打开的 tsc: 监视 -tsconfig.json

vscode 自动编译TS文件到JS_第1张图片

 点击进入监视编译状态,

vscode 自动编译TS文件到JS_第2张图片

如果报以下错误:禁止运行脚本

vscode 自动编译TS文件到JS_第3张图片

 点击ctrl+‘,’ 打开设置,将配置改为cmd,重新打开运行任务点击监视,就可以了。

vscode 自动编译TS文件到JS_第4张图片

你可能感兴趣的:(TS,vscode,前端,typescript)