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

 

posted @ 2015-11-02 11:48  不是归人是过客  阅读(4001)  评论(1编辑  收藏  举报