中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

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

發布時間:2021-01-13 10:38:10 來源:億速云 閱讀:328 作者:小新 欄目:編程語言

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

前言

相信大家都知道在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 工具安裝完成了:

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

NPM是和Node.js一起安裝的,如果你想使用NPM的話,那么你應該先安裝Node.js。

安裝相關提示信息文件

安裝完成后,我們需要安裝相應的需要提示功能庫或者框架的類型信息文件,在這里我們新建一個文件夾 NodeSnippet,使用命令行進入到該目錄中,分別輸入下面兩個命令來安裝Node和Lodash的類型接口信息文件:

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

什么時候需要使用 --global 參數:

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

  2. 這個包是屬于環境的一部分(如node)時

  3. 該包沒有使用 --global 安裝失敗時

這時候我們可以看到我們的 NodeSnippet目錄中多了一些文件:

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

這些文件就是為我們提供提示信息的類型類型文件(使用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完成vscode的提示功能

注意事項

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其他的并沒有任何區別。

感謝你能夠認真閱讀完這篇文章,希望小編分享的“如何通過Typings完成vscode的提示功能”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

如东县| 奉新县| 常宁市| 遂溪县| 志丹县| 江城| 历史| 布尔津县| 娱乐| 荣昌县| 革吉县| 阳西县| 宝丰县| 阿拉善左旗| 桂平市| 怀远县| 城市| 增城市| 天祝| 共和县| 沂源县| 星座| 南陵县| 临沧市| 玉田县| 遂昌县| 乐安县| 衡东县| 靖安县| 嵊泗县| 平邑县| 淳安县| 庆元县| 乡宁县| 竹北市| 沙田区| 望谟县| 安化县| 静乐县| 灌阳县| 鄂托克前旗|