如何通過Typings完成vscode的提示功能

這篇文章主要介紹了如何通過Typings完成vscode的提示功能，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比陵城網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式陵城網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋陵城地區(qū)。費(fèi)用合理售后完善，十年實(shí)體公司更值得信賴。

前言

相信大家都知道在IDE中代碼的智能提示幾乎都是標(biāo)配，雖然一些文本編輯器也有一些簡(jiǎn)單的提示，但這是通過代碼片段提供的。功能上遠(yuǎn)不能和IDE相比。不過最近興起的文本編輯器的新銳 Visual Studio Code 可以通過 Typings 來對(duì) JavaScript 實(shí)現(xiàn)智能提示功能，對(duì)于一個(gè)文本編輯器來說，這點(diǎn)很難得。所以Visual Studio Code 特別適合用來編寫 JavaScript(Node.js)程序; 同時(shí)，如果我們需要編寫一些嘗試性的小代碼片段，例如：Lodash.js 某個(gè)函數(shù)的小Demo，因?yàn)槲覀儾幌胙芯恳粋€(gè)函數(shù)的使用方式而去使用IDE新建一個(gè)項(xiàng)目，這時(shí)候Visual Studio Code 就是一個(gè)非常好的選擇，而且它同樣可以運(yùn)行和調(diào)試 JavaScript 代碼(依賴于 Node.js)，并且還包含非常方便的代碼提示功能。

從這點(diǎn)來說，我覺得Visual Studio Code 已經(jīng)算得上是一個(gè)精悍的小型IDE了。

通過NPM安裝Typings

通過 NPM 我們可以很容易的安裝 Typings ，在命令行中輸入：

npm install -g typings

安裝完成后，在命令行中輸入：

typings --version

看到版本信息就表示 typings 工具安裝完成了：

NPM是和Node.js一起安裝的，如果你想使用NPM的話，那么你應(yīng)該先安裝Node.js。

安裝相關(guān)提示信息文件

安裝完成后，我們需要安裝相應(yīng)的需要提示功能庫(kù)或者框架的類型信息文件，在這里我們新建一個(gè)文件夾 NodeSnippet，使用命令行進(jìn)入到該目錄中，分別輸入下面兩個(gè)命令來安裝Node和Lodash的類型接口信息文件：

typings install dt~node --global --save
typings install lodash --save

什么時(shí)候需要使用 --global 參數(shù)：

1. 如果安裝的包使用script標(biāo)記來引用(如jQuery)(也就是在瀏覽器中使用)

2. 這個(gè)包是屬于環(huán)境的一部分(如node)時(shí)

3. 該包沒有使用 --global 安裝失敗時(shí)

這時(shí)候我們可以看到我們的 NodeSnippet目錄中多了一些文件：

這些文件就是為我們提供提示信息的類型類型文件(使用TypeScript定義)。查看Typings是否支持某個(gè)庫(kù)或框架的智能提示，我們可以使用下面的命令:

typings search exampleName

啟用智能提示功能

通過兩種方式來啟動(dòng)提示功能：

第一種是在需要進(jìn)行只能提示的文件最上行增加提示信息文件所在目錄，格式如下:

/// <reference path="./typings/index.d.ts" />

第二種是在項(xiàng)目所在目錄(在這里是NodeSnippet文件夾中)增加一個(gè)名為jsconfig.json的空文件。

更多jsconfig.json文件的內(nèi)容可以參考：code.visualstudio.com/docs/languages/javascript

啟用提示功能后我們就可以非常愉快的使用Visual Studio Code 為我們提供的智能提示功能了。如下所示：

注意事項(xiàng)

Typings VS TSD

Typings是作為TSD的替代者而出現(xiàn)的，如果你已經(jīng)安裝了TSD，那么需要知道現(xiàn)在TSD已經(jīng)不推薦使用了。如果已經(jīng)安裝TSD請(qǐng)執(zhí)行下面的命令來移除它：

 npm rm -g tsd

使用 CNPM

在國(guó)內(nèi)由于墻的原因，有時(shí)候使用NPM安裝模塊的速度上會(huì)很慢，這時(shí)候我們其實(shí)可以選擇國(guó)內(nèi)淘寶的NPM鏡像，使用下面的命令來進(jìn)行安裝：

npm install -g cnpm --registry=https://registry.npm.taobao.org

安裝完成后使用cnpm來代替npm命令即可，例如下面安裝一個(gè)lodash模塊的示例：

cnpm install lodash

可以看到除了cnpm替代了npm其他的并沒有任何區(qū)別。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“如何通過Typings完成vscode的提示功能”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

網(wǎng)站題目：如何通過Typings完成vscode的提示功能
轉(zhuǎn)載源于：http://bm7419.com/article20/jjsjco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、移動(dòng)網(wǎng)站建設(shè)、營(yíng)銷型網(wǎng)站建設(shè)、外貿(mào)建站、微信公眾號(hào)、動(dòng)態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)