使用 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

使用 Visual Studio Code 编写 TypeScript相关推荐

Visual Studio Code搭建TypeScript开发环境
转载 http://www.cnblogs.com/sunjie9606/p/5945540.html 使用Visual Studio Code搭建TypeScript开发环境 1.TypeScrip ...
使用Visual Studio Code搭建TypeScript开发环境
使用Visual Studio Code搭建TypeScript开发环境 1.TypeScript是干什么的 ? TypeScript是由微软Anders Hejlsberg(安德斯·海尔斯伯格,也是 ...
使用Visual Studio Code配合TypeScript增强SAP UI5开发的语法检查
但凡从ABAP编程语言转到JavaScript这门弱类型编程语言进行SAP ui5开发的顾问们,因为缺乏对书写代码的静态检查,往往很不习惯. 其实我们可以使用Visual Studio Code加上t ...
vscode 清空缓存_如何清除Visual Studio Code的TypeScript的intellisense缓存？
我最近一直在使用Visual Studio代码问题,它拒绝在TypeScript文件上提供任何Intellisense,但只在某些文件上提供.目前,我有我的文件夹的布局是这样的:如何清除Visual ...
如何在ubuntu中编写python_在ubuntu下使用visual studio code编写python
感觉有了visual studio code之后,不管编写什么语言的代码都可以,简单安装对应的语言插件即可. 这不轮到了最近比较热的python语言,蹭着AI的热度,python语言成为了工程师们又一 ...
Mac用Visual Studio Code编写C/C++安装配置教程
[文字版]Mac用Visual Studio Code编写C/C++教程 - 哔哩哔哩 Mac用Visual Studio Code编写C/C++ 苹果电脑VS Code快速编写C/C++教程_哔哩哔 ...
使用Visual Studio Code编写和激活ABAP代码 (上)
猪年春节后的第一篇,Jerry祝各位猪年大吉! 2019年的六分之一马上就快过完了,不知道大家在新的一年是否给自己定了新的小目标呢?这里Jerry先预祝大家到2019年年底的时候,在年初制定的小目标都 ...
sap原因代码配置路径_使用Visual Studio Code编写和激活ABAP代码 (上)
猪年春节后的第一篇,Jerry祝各位猪年大吉! 2019年的六分之一马上就快过完了,不知道大家在新的一年是否给自己定了新的小目标呢?这里Jerry先预祝大家到2019年年底的时候,大家年初的小目标都能 ...
Win7 下使用 Visual Studio Code 编写运行 C 和 C++（环境搭建及使用方法）
系统环境:Win7 64bit 以下给出搭建步骤,每一步更细致的步骤,请查看下方链接: 第一步:下载安装编译器 MinGW-w64 (使用离线包似乎更可靠): 第二步:下载安装 Visual Stud ...
如何用Visual Studio Code编写代码(以HTML为例)
1.新建文件并自动生成缺省html代码框架 ①打开Visual Studio Code编辑器使用快捷键Ctrl+N新建文件,就会得到默认的纯文本文件 ②选择编程语言点击"选择编程语言&q ...

使用 Visual Studio Code 编写 TypeScript

使用 Visual Studio Code 编写 TypeScript相关推荐

最新文章

热门文章