使用Visual Studio Code开发AngularJS Step by Step

Step1：安装Node.js （下载地址：https://nodejs.org/en/）

Step2：安装TypeScript definition file（tsd文件，由于VSC把全部Javascript都看成Typescript，也就是说VSC会用Typescript的编译器来处理Javascript文件，因此会产生一些警告信息）。执行命令以下：

npm install -g tsd

注意：该命令注册在全局做用域下（也就是在任何文件夹下均可以使用）

Step3：在工做目录（使用VSC指定工做目录为Test）下初始化tsd，执行命令以下：

tsd init

 

注意：该命令要在工做根目录下执行

该命令会在工做目录下建立tsd.json和/typings/tsd.d.ts文件，其中tsd.json文件为配置文件，tsd.d.ts为项目所须要引用配置文件（tsd.d.ts文件截图为最终完成截图）

 

 

Step4：添加单元测试文件（这一步没有必要，能够直接跳过。主要是angularjs指出的测试中有用到，因此在些就添加），执行命令以下：

tsd query jasmine angular-protractor –-action install --save

注意：该命令一样是在工做根目录下执行，最终效果会在tsd.json和/typings/tsd.d.ts文件中添加信息。详情见截图：

 

 

Step5：实现对AngularJs的Module和Services的智能感知支持，执行命令以下：

tsd query angular –action install --save

 

注意：该命令一样是在工做根目录下执行，最终效果见step4

Step6：在文件中添加引用，引用tsd.d.ts（该文件包含了全部引用，直接引用它就能够了），就能够实现智能提示了，在文件最开始部分添加：

/// <reference path="../typings/tsd.d.ts" /> 注意路径，js文件对应的相对路径。

 

请参考文章：http://blogs.msdn.com/b/vscode/archive/2015/05/22/getting-started-with-angular-and-visual-studio-code.aspx