使用 Visual Studio Code 编写 TypeScript
使用 Visual Studio Code 编写 TypeScript
风华神使 发表于1年前
使用 Visual Studio Code 编写 TypeScript
  • 发表于 1年前
  • 阅读 63
  • 收藏 1
  • 点赞 0
  • 评论 0

标题:腾讯云 新注册用户域名抢购1元起>>>   

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。

共有 人打赏支持
粉丝 21
博文 61
码字总数 40451
×
风华神使
若认为文好,请随意打赏。
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: