VS Code智能提示功能之Typings
来源:互联网 发布:js隐藏元素 hidden 编辑:程序博客网 时间:2024/05/10 13:43
一、Node.Js的Typings工具可以用于Visual Studio Code的代码补全
1.vscode 的默认只有es原声api带有自动补全的功能,现在V1.9的版本默认已经支持NodeJS的智能补全。
2.如果想获取jquery,nodejs,Requirejs,express等更多的提示扩展就需要使用Typings工具
3.Git源代码地址:https://github.com/typings/typings
二、typings工具的安装和使用
1.安装命令
npm install -g typings
2.查看typings的版本
typings --version
3.安装对应插件的提示工具
typings install dt~node --global --savetypings install dt~express --globaltypings install dt~lodash --global常用命令:
# 安装Typings的命令行代码. npm install typings --global# 搜索对应模块的typings定义. typings search tape# 根据名称寻找一个可获得的typings定义. typings search --name react# 如果你用一个独立包的模块: # 或者并不是安装全局模块# 比如并不是在命令行通过输入npm install -g typings这种方式安装的. typings install debug --save# 如果是通过script标记# 或者是子环境的一部分# 或者全局typings命令不可用的时候: typings install dt~mocha --global --save# 从其他版本处安装typings定义(比如env或者npm). typings install env~atom --global --savetypings install npm~bluebird --save# 使用该文件`typings/index.d.ts` (在`tsconfig.json`文件使用或者用 `///` 定义). cat typings/index.d.ts
安装结果如下:
三、启用代码提示功能
通过两种方式来启动提示功能:
- 第一种是在需要进行只能提示的文件最上行增加提示信息文件所在目录,格式如下:
/// <reference path="./typings/index.d.ts" />
- 第二种是在项目所在目录(在这里是
NodeSnippet
文件夹中)增加一个名为jsconfig.json
的空文件。
更多
jsconfig.json
文件的内容可以参考:https://code.visualstudio.com/docs/languages/javascript
启用提示功能后我们就可以非常愉快的使用Visual Studio Code 为我们提供的智能提示功能了。如下所示:
1.Jquery的测试如下:2.nodejs的测试如下:
四、注意事项
Typings VS TSD
Typings
是作为TSD
的替代者而出现的,如果你已经安装了TSD
,那么需要知道现在TSD
已经不推荐使用了。如果已经安装TSD请执行下面的命令来移除它:
npm rm -g tsd
使用 CNPM
在国内由于墙
的原因,有时候使用NPM
安装模块的速度上会很慢,这时候我们其实可以选择国内淘宝的NPM
镜像,使用下面的命令来进行安装:
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完成后使用cnpm
来代替npm
命令即可,例如下面安装一个lodash
模块的示例:
cnpm install lodash
可以看到除了cnpm
替代了npm
其他的并没有任何区别。
更多:
VS Code插件安装位置
Visual Studio Code 1.9 发布
Visual Studio Code插件之Atom One Dark Syntax Theme
本文部分内容来自:http://www.cnblogs.com/IPrograming/p/VsCodeTypings.html
- VS Code智能提示功能之Typings
- Visual Studio Code 使用 Typings 实现智能提示功能
- Visual Studio Code 使用 Typings 实现typescript的智能提示功能
- 使用typings给vscode添加更多的智能提示
- 五小步让VS Code支持AngularJS智能提示
- 关于vs突然没有了智能提示功能的问题解决
- NetBean智能提示功能
- Pycharm智能提示功能
- VS 添加jQuery智能提示
- 在Netbeans里设置智能提示功能(快更vs差不多了)
- SQL Prompt:SQL智能提示功能的SQL Server和VS插件
- 【C++VS笔记】新装的VS2012 VS2013没有代码的智能提示功能的解决办法
- 使用typings让VSCode拓展代码提示
- [Sencha ExtJS & Touch] VS Code 的 Sencha 扩展(智能提示,代码导航和集成Build操作等)
- MSSQL脚本CODE编写智能提示工具
- VS Xaml WPF智能提示消失 解决方法
- vs 2005 智能提示 修复方法
- vs 2008中使用jQuery智能提示
- JavaScript JavaScript的数组操作
- 未来最重要的三个能力
- static_cast与dynamic_cast
- 第二章 Spring模块介绍
- 走
- VS Code智能提示功能之Typings
- 数字信号处理中的归一化频率
- webStorm的activation code
- svn提交代码报错:A conflict in the working copy obstructs the current operation,解决办法
- 锁存器(latch)、触发器(flip-flop)、寄存器(register)的区别
- Java 实现导出excel表 POI
- 5-5 求前缀表达式的值 (25分)
- 自己封装的适配器(适用于ListView和GridView)
- Spring配置Freemarker