TypeScript+vsCode环境搭建

why？

一、基于前面文章的主观意见，因此我的倾向于将mvc的思想也使用到编程工具的使用上。工具嘛，无非是减小必要劳动力，提升工做效率的东西。

二、本人pc机上的vs2012自从装了resharper 以后，从启动速度上就慢了不少，启动一个项目要等待很长时间，且vs中对于ts的智能提示的速度让人难以忍受。

start

0、本文是基于nodejs下进行的，没有配置好的同窗请自行Google，非本文阐述内容。

一、github下载最新版TypeScript

git clone https://github.com/Microsoft/TypeScript.git

不会使用git的同窗请点击下载：https://github.com/Microsoft/TypeScript

文件夹结构以下：

二、控制台命令进入如上文件夹：

安装typescript包

npm install –g typescript

三、安装Jake工具和开发依赖包：

npm install -g jake
npm install

安装时间大概须要20多分钟，中间安装的过程当中出现长时间卡的地方，须要手动进行回车，使得安装继续进行。

同时，在C:\Users\Administrator\AppData\Roaming\npm下能够看到添加以下文件；

四、使用Jake命令编译TypeScript源代码

jake --help;//jake命令帮助
jake -T;//显示jake任务描述jake local;
jake local;//编译

同级目录下生成：

五、配置环境变量

在环境变量中添加以下路径：

C:\TypeScript\built\local\

tsc.js就至关于可执行文件，ps：ts编译器自己也是由ts语言编写的

六、配置vscode中typescript编译环境

【Ctrl+Shift+B】:vscode下编译运行命令；

vscode支持以文件夹结构做为工做区域，十分方便，Ctrl+shift+b，弹出一下提示，点击红色图标按钮，在默认文件夹结构下生成，

，

默认使用单文件的编译配置，启用右边栏中的内容，我手动开启所有文件的编译配置。

在项目根目录下新建：tsconfig.json，并添加如下内容，其余相关编译项的配置信息有待后续研究。

{
    "compilerOptions": {
        "target": "ES5",//ecmascript支持版本
        "noImplicitAny": false,
        "module": "amd",
        "removeComments": true,//是否移除文档注释
        "sourceMap": false,//是否生成对应的map文件
        "outDir": "js_output"//指定输出目录文件夹名称
    }
}

好了，至此配置已经完成了，咱们能够在vscode中直接进行编译运行了，让咱们看看编译后的效果吧。

总结：

好了，基本上按照以上的操做，就可以实如今vscode中进行ts的编译了，编译速度也是杠杠的，也没有以前出现的慢的状况。步骤比使用exe安装包要复杂些，可是经过本身亲手操做下来，更加深刻的理解ts的原理，也是拓展了本身的知识面，不失为一件好事。各位有好的提议或问题敬请指正！