首页 > Web开发 > 详细

五小步让VS Code支持AngularJS智能提示

时间:2019-03-12 10:05:04      阅读:167      评论:0      收藏:0      [点我收藏+]

本文想通过配置VS Code来实现对AngularJS的智能提示。在一般的情况下对于在HTML页面是支持提示的。但是在js页面就不是很友好,它是记忆你之前的输入,要是之后有重复的输入,VS Code会提示您,仅此而已。

VS Code各种屌炸天的功能,将来必定是强大的前端IDE。

通过下列5步让VS Code支持对AngularJS的智能提示。

前提条件是电脑中需要安装node.js和npm包管理器。检验自己电脑是否已安装,输入如下命令即可。

技术分享图片

1:通过npm包管理器下载tsd

在全局模式下,安装tsd,也就是在电脑的底层安装下载tsd,这样我们以后在别的文件夹使用的时候直接初始化就OK了。

1
npm install -g tsd

这样就下载了tsd包。

2:项目文件夹下面初始化ts

技术分享图片

这样就初始化了项目文件。初始化完毕之后,我们就有了typings文件夹和tsd.json文件,第一个是我们放一些需要配置语言的文件,比如AngularJS,第二个是配置文件。我们接着可以在下载AngularJS的文件了。

技术分享图片

3:执行下列命令,将AngularJS配置文件加载到tsd中。

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

这是下载Angular文件到项目中,之后会在typings中出现angularjs文件夹,里面就是此时下载的angularjs配置文件。

技术分享图片技术分享图片

4:实现对AngularJs的Module和Services的智能感知。

1
tsd query angular –action install --save

这样就在配置文件中添加了对angularjs提示的引入。技术分享图片

技术分享图片

5:在项目中添加对配置文件的引用。

我们在需要智能提示的文件夹中引用下面这就话就OK,注意自己的路径。

1
/// <reference path="../typings/tsd.d.ts" /><br><br><a href="http://images2015.cnblogs.com/blog/679140/201608/679140-20160818205521140-1122375250.png"><img style="background-image: none; float: none; padding-top: 0px; padding-left: 0px; margin: 20px auto; display: block; padding-right: 0px; border: 0px;" title="image" src="https://images2015.cnblogs.com/blog/679140/201608/679140-20160818205522734-2025253886.png" alt="image" width="546" height="284" border="0"></a>

这样就可以有智能提示了。如下图所示:

技术分享图片

技术分享图片

五小步让VS Code支持AngularJS智能提示

原文:https://www.cnblogs.com/Alex80/p/10514711.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!