文档章节

使用 Visual Studio Code 编写 TypeScript

风华神使
 风华神使
发布于 2016/12/01 17:33
字数 391
阅读 177
收藏 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。

© 著作权归作者所有

共有 人打赏支持
风华神使
粉丝 23
博文 76
码字总数 41462
作品 0
南开
架构师
私信 提问
TypeScript 语言学习

开发环境推荐 Visual Studio Code https://code.visualstudio.com 免费, 跨平台, 支持 Windows, OS X 以及 Linux. Visual Studio https://www.visualstudio.com Visual Studio 2015 RC 已整合......

小骏骏
2015/08/06
0
0
TypeScript 2.9.2 发布,微软推出的 JavaScript 超集

TypeScript 2.9.2 已发布。此版本包含一组针对 TypeScript 2.9.1 的错误修复。 有关已解决问题的完整列表,请查看 TypeScript 2.9.2 的固定问题查询。 TypeScript 是由微软开发的自由和开源的...

达尔文
06/14
0
0
开始使用 TypeScript

简介 TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。安德斯·海尔斯伯格,C#的首席架构...

施立
2017/11/02
0
3
TypeScript 2.8.4 发布,微软推出的 JavaScript 超集

TypeScript 2.8.4 发布了,此版本包含一组针对 TypeScript 2.8.3 报告的 bug 的修复,包括: 修复 js 初始化器合并 符号表损坏导致内存使用失控 阻止检查器中的无限 js 符号合并 详情查看 bu...

雨田桑
05/26
0
0
TypeScript 3.0 正式发布:引入“项目引用”新概念

北京时间7月31日,微软宣布推出 TypeScript 3.0 正式版。 TypeScript 3.0 是一个新的里程碑。官方表示,尽管版本号是一个大变化,但 3.0 版本几乎没有破坏性的变更(这意味着我们可以很轻松地...

局长
07/31
0
29

没有更多内容

加载失败,请刷新页面

加载更多

MongoDB

MongoDB介绍 官网www.mongodb.com, 当前最新版3.4 C++编写,基于分布式的,属于NoSQL的一种 在NoSQL中是最像关系型数据库的 MongoDB 将数据存储为一个文档,数据结构由键值(key=>value)对组...

chencheng-linux
27分钟前
1
0
Qt那些事0.0.10

release和debug在性能上差距很多,困扰我三周的问题很可能是因为这个。

Ev4n
41分钟前
4
0
flume1.8taildirSource

flume使用(一):入门demo flume使用(二):采集远程日志数据到MySql数据库 flume使用(三):实时log4j日志通过flume输出到MySql数据库 flume使用(四):taildirSource多文件监控实时采集...

hblt-j
42分钟前
1
0
redis--windows客户端引起的项目问题

一、redis安装 redis客户端下载地址:https://github.com/MSOpenTech/redis/releases。(redis一开始只支持Linux系统,后来有团队搞出了windows版,不过版本时间偏旧,也无所谓了,可以正常使...

随风飞临蛮荒境123
58分钟前
1
0
19《Java核心技术》之什么情况下Java程序会产生死锁?如何定位、修复?

一、提出问题 今天,我们会讨论一些日常开发中类似线程死锁等问题的排查经验,并选择一两修复过或者诊断过的核心类库死锁问题作为例子,希望不仅能在面试时,包括在日常工作中也能对你有所帮...

飞鱼说编程
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部