visual studio code使用------ 代码提示

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/a6383277/article/details/45869303

微软出了个编辑器,vscode,今天才刚使用,看到官方文档说支持node等各种语言的语法感知(函数自动提示),于是赶紧看看效果


2016.9.23 更新


typing 2.0 去掉了typings使用。在项目目录直接安装使用

npm install -s @types/lodash

即可,如果从typeings升级过来,那么可以删除掉typing 相关文件夹和配置文件。


2016.8.20 更新

vscode 改用了 typings 具体见 https://github.com/typings/typings

npm install typings --g

从tsd 升级过来

rm -rf typings
typings init --upgrade
rm tsd.json
typings install

TSD

你一开始使用就发现,尼玛说好的函数提示呢?鬼影都没看见一个。好吧,仔细阅读官方文档后发现,为了支持各种语言,vscode采用了类似插件的形式提供正则表达分析,从而完成函数提醒。这个工具就是tsd.至于它是不是微软搞出来的,还真不清楚,以前没用过。

首先安装(具体文档请github搜索tsd)

sudo npm install tsd -g

然后在你的工程目录下运行

tsd init

完成相关初始化。这个时候就有个tsd.json的文件出来了(类似于npm的package.json文件).这个文件就描述了相关需要的语法提示插件(说插件可能不妥,其实就是d.ts文件)了。

现在来下载你需要的语法提示插件。
比如我需要node相关的语法提示:

tsd query node #查询是否有你需要的语法插件
tsd query node -v all #加上-v 参数后,可以看到相关版本信息
tsd install node --save #安装最新的node api提示并保存到tsd.json文件中
tsd install node -v 0.10.0 --save #安装相应api版本

安装完成后,在项目目录下会有一个文件夹出现,自己观察一下就可以了。相关下载配置都可以在tsd中完成。具体请看官方稳定。到此就完工了。

写代码的时候你编辑的文件的最上方,加上语法引用,就有提示了。如:

/// <reference path="typings/node/node-0.10.d.ts"/>
var http = require('http');
http.xx //这里就有提示

猜你喜欢

转载自blog.csdn.net/a6383277/article/details/45869303