visual studio code开发typescript项目，使用tsconfig.json自动编译ts为js

1. 全局安装node typescript

npm install -g typescript

2. 在项目目录下运行下面命令，创建tsconfig.json文件

tsc --init

TS会按照tsconfig.json中的配置，编译为JS文件。修改tsconfig.json中的配置项：

{
    "compilerOptions": {
        ...
        "outDir": "./dist",    /** 编译后的js输出目录 */
        ...
    },
    "include": [
        "src"    /** ts源码路径 */
    ]
}

具体配置可参考 tsconfig.json配置详解

3. 设置VsCode的监视任务

在VsCode中点击 “终端->运行任务...”

 

 输入tsconfig, 选择监视对应的tsconfig.json

这样VsCode就可以在我们修改ts文件后，自动编译为js并输入到指定目录下。输出的js可以直接用node命令运行测试。