媒介
置信人人都晓得在IDE中代码的智能提醒险些都是标配,虽然一些文本编辑器也有一些简朴的提醒,但这是经由过程代码片断供应的。功用上远不能和IDE比拟。不过近来鼓起的文本编辑器的新锐 Visual Studio Code 能够经由过程 Typings 来对 JavaScript 完成智能提醒功用,关于一个文本编辑器来讲,这点很难过。所以Visual Studio Code 迥殊合适用来编写 JavaScript(Node.js)顺序; 同时,假如我们须要编写一些尝试性的小代码片断,比方:Lodash.js 某个函数的小Demo,因为我们不想研讨一个函数的运用体式格局而去运用IDE新建一个项目,这时候Visual Studio Code 就是一个异常好的挑选,而且它一样能够运转和调试 JavaScript 代码(依赖于 Node.js),而且还包括异常轻易的代码提醒功用。
从这点来讲,我以为Visual Studio Code 已算得上是一个精干的小型IDE了。
经由过程NPM装置Typings
经由过程 NPM 我们能够很轻易的装置 Typings ,在敕令行中输入:
npm install -g typings
装置完成后,在敕令行中输入:
typings --version
看到版本信息就示意 typings 东西装置完成了:
NPM是和Node.js一同装置的,假如你想运用NPM的话,那末你应当先装置Node.js。
装置相干提醒信息文件
装置完成后,我们须要装置响应的须要提醒功用库或许框架的范例信息文件,在这里我们新建一个文件夹 NodeSnippet,运用敕令行进入到该目次中,离别输入下面两个敕令来装置Node和Lodash的范例接口信息文件:
typings install dt~node --global --save typings install lodash --save
什么时候须要运用 --global
参数:
假如装置的包运用script标记来援用(如jQuery)(也就是在浏览器中运用)
这个包是属于环境的一部分(如node)时
该包没有运用
--global
装置失利时
这时候我们能够看到我们的 NodeSnippet目次中多了一些文件:
这些文件就是为我们供应提醒信息的范例范例文件(运用TypeScript定义)。检察Typings是不是支撑某个库或框架的智能提醒,我们能够运用下面的敕令:
typings search exampleName
启用智能提醒功用
经由过程两种体式格局来启动提醒功用:
第一种是在须要举行只能提醒的文件最上行增添提醒信息文件地点目次,花样以下:
/// <reference path="./typings/index.d.ts" />
第二种是在项目地点目次(在这里是NodeSnippet文件夹中)增添一个名为jsconfig.json的空文件。
更多jsconfig.json文件的内容能够参考:code.visualstudio.com/docs/languages/javascript
启用提醒功用后我们就能够异常兴奋的运用Visual Studio Code 为我们供应的智能提醒功用了。以下所示:
注意事项
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其他的并没有任何区分。
总结
【相干引荐】
1. 迥殊引荐:“php顺序员东西箱”V0.1版本下载
2. ASP免费视频教程
3. 李炎恢ASP基本视频教程
以上就是经由过程Typings完成VS Code的提醒功用的实例详解的细致内容,更多请关注ki4网别的相干文章!