五小步让VS Code支持AngularJS智能提示
2024-03-18 08:35:47
本文想通过配置VS Code来实现对AngularJS的智能提示。在一般的情况下对于在HTML页面是支持提示的。但是在js页面就不是很友好，它是记忆你之前的输入，要是之后有重复的输入，VS Code会提示您，仅此而已。
VS Code各种屌炸天的功能，将来必定是强大的前端IDE。
通过下列5步让VS Code支持对AngularJS的智能提示。
前提条件是电脑中需要安装node.js和npm包管理器。检验自己电脑是否已安装，输入如下命令即可。
1：通过npm包管理器下载tsd
在全局模式下，安装tsd，也就是在电脑的底层安装下载tsd,这样我们以后在别的文件夹使用的时候直接初始化就OK了。
npm install -g tsd
这样就下载了tsd包。
2：项目文件夹下面初始化ts
这样就初始化了项目文件。初始化完毕之后，我们就有了typings文件夹和tsd.json文件，第一个是我们放一些需要配置语言的文件，比如AngularJS,第二个是配置文件。我们接着可以在下载AngularJS的文件了。
3：执行下列命令，将AngularJS配置文件加载到tsd中。
tsd query jasmine angular-protractor –-action install --save
这是下载Angular文件到项目中，之后会在typings中出现angularjs文件夹，里面就是此时下载的angularjs配置文件。
4：实现对AngularJs的Module和Services的智能感知。
tsd query angular –action install --save
这样就在配置文件中添加了对angularjs提示的引入。
5：在项目中添加对配置文件的引用。
我们在需要智能提示的文件夹中引用下面这就话就OK，注意自己的路径。
/// <reference path="../typings/tsd.d.ts" />
这样就可以有智能提示了。如下图所示：
最新文章
- ping命令脚本实现显示网络状态、学生姓名、学号
- python 汇总
- VS2015创建的C++程序在Debug模式下不能调试
- Swift - 14 - 字符串的基础操作
- 利用PyQt4写的小工具软件
- RealThinClient学习(一)
- u3d脚本生命周期
- 简洁、轻量的前端UI框架 - Hbook
- Android基础_BroadcastReceiver
- Traits技法
- Makefile 的使用
- 介绍一个轻量级iOS安全框架：SSKeyChain
- 学生信息管理小系统（以XML为存储方式）
- 洛谷P4640 王之财宝 [BJWC2008] 数论
- 推荐 3 篇关于 java8 Lambda表达式的文章
- spring-framework-中文文档三:依赖注入DI
- 题解——HDU 4734 F(x) （数位DP）
- DataBinding（二）：DataBinding的基本用法
- mysql / pgsql 使用sql语句查询数据库所有表注释已经表字段注释
- java struts2入门学习实例－－使用struts2快速实现上传