vs Code編輯器智能提示功能


一、Node.Js的Typings工具可以用於Visual Studio Code的代碼補全

1.vscode 的默認只有es原聲api帶有自動補全的功能,現在V1.9的版本默認已經支持NodeJS的智能補全。

2.如果想獲取jquery,nodejs,Requirejs,express等更多的提示擴展就需要使用Typings工具

3.Git源代碼地址:https://github.com/typings/typings
二、typings工具的安裝和使用

1.安裝命令

npm install -g typings

2.安裝對應插件的提示工具:(建議直接在項目根目錄下安裝,安裝完成以后就會有typings.json和typings文件夾生成,安裝完成以后就會有對應的代碼提示了)

typings install dt~node --global --save //提示node代碼
typings install dt~express --global //提示express代碼
typings install dt~lodash --global //提示lodash代碼

3.常用命令

 1 # 安裝Typings的命令行代碼. 
 2 npm install typings --global
 3 
 4 # 搜索對應模塊的typings定義. 
 5 typings search tape
 6 
 7 # 根據名稱尋找一個可獲得的typings定義. 
 8 typings search --name react
 9 
10 # 如果你用一個獨立包的模塊: 
11 # 或者並不是安裝全局模塊
12 # 比如並不是在命令行通過輸入npm install -g typings這種方式安裝的. 
13 typings install debug --save
14 
15 # 如果是通過script標記
16 # 或者是子環境的一部分
17 # 或者全局typings命令不可用的時候: 
18 typings install dt~mocha --global --save
19 
20 # 從其他版本處安裝typings定義(比如env或者npm). 
21 typings install env~atom --global --save
22 typings install npm~bluebird --save
23 
24 # 使用該文件`typings/index.d.ts` (在`tsconfig.json`文件使用或者用 `///` 定義). 
25 cat typings/index.d.ts

詳細內容可以參考官方文檔:https://code.visualstudio.com/docs/languages/javascript

四、注意事項

Typings是作為TSD的替代者而出現的,如果你已經安裝了TSD,那么需要知道現在TSD已經不推薦使用了。如果已經安裝TSD請執行下面的命令來移除它:

npm rm -g tsd


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM