使用 Visual Studio Code 编写 TypeScript

2019独角兽企业重金招聘Python工程师标准>>>

1. 安装 Visual Studio Code

https://code.visualstudio.com

按提示安装即可。

 

2. 安装 Node.js 和 NPM

https://nodejs.org

按提示安装即可。安装之后，node 和 npm 的可执行文件的所在目录会被自动添加到 PATH 环境变量。

 

3. 通过 NPM 安装 TypeScript

在控制台输入

npm install -g typescript

即可完整 TypeScript 的安装，之后在控制台输入

tsc -v

如果看到版本号，就表示安装完成。

 

4. 建立工程

新建一个文件夹（如 E:\ts），用来作项目文件夹。在该项目文件夹中新建文件 tsconfig.json，内容如下：

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "sourceMap": true
    },
    "exclude": [
        "node_modules"
    ]
}

用 VSCode 打开项目文件夹，并新建文件 hello.ts 内容如下：

class Startup {
    public static main(): number {
        console.log("Hello World");
        return 0;
    }
}

Startup.main();

按 Ctrl + Shift + B，VSCode 会提示“未配置任何任务运行程序”。单机“配置任务运行程序”，选择“TypeScript - tsconfig.json 创建 TypeScript 项目”，那么系统就会在项目文件夹下建立一个名为“.vscode”的文件夹，并在 .vscode 文件夹中建立一个 tasks.json 文件（不必理会它的内容），之后再按 Ctrl + Shift + B，就可以进行编译了，编译完后，会在项目文件夹生成一个名为 hello.js 的文件。最后就可以用 node 运行它了：

node hello.js

 

以上就是用 VSCode 搭建 TypeScript 开发环境的过程。

注释1：如果你想使用 TypeScript 做 Node 开发，那还需要做一些别的事情。

注释2：最安心的方案当然是直接使用 IDE，如 WebStorm、VS。

转载于:https://my.oschina.net/jthmath/blog/798281