vscode下搭建Typescript编译环境

Typescript 是微软开发的一个JavaScript的超级。著名前端框架的Angular和HTML5游戏引擎Egret等都选择了Typescript作为编写语言。“工欲善其事，必先利其器”，在学习Typescript语言之前必须要有一个良好的开发环境。这里笔者选择了轻量的Visual Studio Code，此工具具有轻量、跨平台、插件丰富等特点，是一款非常优秀的开发工具。

1、首先需要安装Nodejs，安装过程网上很容易搜到，在此不再介绍。安装完成后，在命令窗口输入

2、安装枣老誉typescript模块

安装完成含首后，可以查看typescript模块的版本号

3、创建项目目录，在命令窗口中进入该项目目录,创建tsconfig.json。例如项目地址是D:\test\ts。

在项目目录下会生成一个tsconfig.json文件

里面有很多配置项，大家可以凳段根据各自的需要来定制。本文用的示例配置如下,

新建tscript、js文件夹，分别用作存放typescript、javascript文件。

4、测试编译

在Visual studio code中打开ts目录，在tscript目录中新建test.ts文件。

然后点击菜单中的Tasks->Run Task。

之后会出现tsc:build 、tsc:watch两个选项

其中tsc:build选项是用于一次编译。tsc:watch选项可以监测ts文件的改动，可以进行实时编译，非常方便。经过编译后的文件会存放在之前配置好的js文件目录下。

如此就可以进行Typescript之旅了。~~

理论上可以，但是比较麻烦，因为关联的文件比较多，步骤繁杂

一差世，项目文件多，如果没有vs的自动生成，你就需要用vscode一个个弄

二、需要有饥启编译环境，你烂庆如需要从vs的安装目录中分离出编译工具，这样你才可以用vscode进行编译，当然你也可以把项目文件拿到装有vs的机子上编译

visual code只是个文本“编辑器”， 他可以解析很多很多格式的文本文件， C#写的程序时需要“编译”的，这和“编辑”是两个概念， C#的程序只能在Visual Studio中编译、调试。不可能使用亩含樱别的软件进行编译的迅丛老御。

---