博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用Visual Studio Code开发AngularJS Step by Step
阅读量:4671 次
发布时间:2019-06-09

本文共 894 字,大约阅读时间需要 2 分钟。

Step1:安装Node.js (下载地址:)

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

 

请参考文章:

 

转载于:https://www.cnblogs.com/silencealone/p/4929728.html

你可能感兴趣的文章
python中将函数赋值给变量时需要注意的一些问题
查看>>
SAS数据挖掘实战篇【五】
查看>>
如何成为合格的数据分析师
查看>>
ArcGIS10.5资源分享
查看>>
理解http幂等性
查看>>
grep运用
查看>>
logstash收集syslog日志
查看>>
jenkins修改数据存放路径
查看>>
poj2481树状数组解二维偏序
查看>>
软件工程网络15个人阅读作业1(201521123062 杨钧宇)
查看>>
根据控制点坐标对完成坐标转换
查看>>
Boost.ASIO简要分析-4 多线程
查看>>
java调用支付宝接口代码介绍
查看>>
安装apache 后,找不到服务,解决办法
查看>>
【洛谷 T47488】 D:希望 (点分治)
查看>>
spring-MVC访问静态资源
查看>>
JavaScript异步加载与同步加载
查看>>
Eclipse搭建springboot项目(六)全局异常
查看>>
Android 报错:error: too many padding sections on bottom border
查看>>
IOS开发 ios7适配
查看>>