使用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文件对应的相对路径。