VisualStudioCode使⽤Typings实现typescript的智能提⽰功能Visual Studio Code 可以通过Typings来对JavaScript实现智能提⽰功能:
1.
通过NPM安装Typings
通过NPM我们可以很容易的安装Typings,在命令⾏中输⼊:
npm install -g typings
安装完成后,在命令⾏中输⼊:
typings --version
看到版本信息就表⽰typings⼯具安装完成了
2.
安装相关提⽰信息⽂件
安装完成后,我们需要安装相应的需要提⽰功能库或者框架的类型信息⽂件,在这⾥我们新建⼀个⽂件夹NodeSnippet,使⽤命令⾏进⼊到该⽬录中,分别输⼊下⾯两个命令来安装Node和Lodash的类型接⼝信息⽂件:
typings install dt~node --global --save
javascript用的软件typings install lodash --save
这些⽂件就是为我们提供提⽰信息的类型类型⽂件(使⽤TypeScript定义)。查看Typings是否⽀持某个库或框架的智能提⽰,我们可以使⽤下⾯的命令:
typings search exampleName
3.
启⽤智能提⽰功能
通过两种⽅式来启动提⽰功能:
第⼀种是在需要进⾏只能提⽰的⽂件最上⾏增加提⽰信息⽂件所在⽬录,格式如下:
/
// <reference path="./typings/index.d.ts" />
第⼆种是在项⽬所在⽬录(在这⾥是NodeSnippet⽂件夹中)增加⼀个名为jsconfig.json的空⽂件。
更多jsconfig.json⽂件的内容可以参考:code.visualstudio/docs/languages/javascript
补充:
前⾔
VSCode是⼀款很不错的轻量级编辑器,现在受到了市场的⼀致认可,之所以那么⽕,是因为它是开(免)源(费)的,⽽且界⾯很简洁,对开发者很友好;VSCode之所以那么轻量级,是因为它是依赖插件来拓展⾃⾝的功能的,有点类似Sublime,所以我们可以使⽤各种插件来满⾜开发的需求。
代码提⽰
VSCode⾃带ES语法的提⽰,但这很难满⾜我们的基本开发需求,⽐如说⽤个jQuery,它就不⽀持jQuery函数的提⽰:
所以这时我们得依赖⼀些第三⽅的插件,这⾥介绍的是typings这个包;⾸先我们先安装这个包:
cnpm i typings -g
1如何制作网页的方法
(PS:cnpm + 简写就是那么的sao~)
通过上⾯的命令,typings这个包就下载下来了,然后我们到开发⽬录,打开命令窗⼝,输⼊:
typings init
1
这时当前⽬录下会出现⼀个typings.json的⽂件,这个⽂件就是typing的配置⽂件(安装过的typings包),⼀般⽤于团队开发使⽤,类似npm的package.json:
finder是什么
这时我们输⼊以下命令,安装jQuery的提⽰⽂件:
typings install dt~jquery --global--save
1
(–global:代表全局⽂件,有些包必须得加上这个参数才⾏)
(–save :表⽰将此次的安装信息记录到上⾯讲的typings.json中)
jquery下载文件请求这时当前⽬录会出现⼀个名为typings的⽬录,此⽬录下便是⼀些提⽰⽂件:
我们再回看typings.json⽂件:
自学python到什么程度可以工作
这样⼤家就很清楚typings.json的作⽤了吧~
关键
这时很多⼈以为⼤功告成了,然⽽重启VSCode后还是没有提⽰,这是因为他们没有在当前⽬录下新建⼀个jsconfig.json⽂件,这⼀步⾄关重要;当新建完此⽂件后,重启VSCode就可以获得代码提⽰了:
完整⽬录结构:
⼩结
VSCode写Nodejs很爽噢,它的API提⽰很强⼤,我现在是⽤WebStorm写前端,⽤VSCode写Nodejs(学习中…),阿哈~
>android应用程序开发汪杭军答案

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。