自動補全(智慧提示)
因為之前微軟推出了typescript語言,結合tsd文件,用visual studio寫typescript程式碼是相當酷的,智慧提示的功能非常nb。
這個功能理所當然也被vsc繼承了。
vsc的自動補全用的是typings。
The TypeScript Definition Manager(之前的tsd已經棄用了,faq裡面有說明)
https://github.com/typings/typings
#和npm很像,有木有?
目前主流的前端類別庫/框架,包括node.js及其模組/框架都有對應的tsd文件,可以去typings上找一下。
那麼就可以安裝typings之後,使用
npm install typings --global cd vsc-doc typings install dt~node --global --save typings install express --ambient --save
和npm很像,有木頭有?
此時看一下目前目錄,下面的express.d.ts檔案即是具體提示用的。
typings/express/express.d.ts
在程式碼編輯區裡,輸入CTRL SPACE(預設快速鍵)就可以有提示了。
目前node.d.ts版本還是0.12.0,和node v4的api差不了多少(最新的已經是4.x了)
#為什麼沒有程式碼提示?
在package.json的目錄裡
typings install node --ambient --save
然後在app.js檔案上增加註釋,引用typings,然後就有程式碼提示了。
/// <reference path="typings/node/node.d.ts"/> var http = require("http") // http. http.cr
如下:
You can also hit CTRL SPACE and get intellisense.
如果是反覆改後,還是不能提示(我是好使後,我刪除了jscongfig.json,之後vsc就一直沒有提示了,無論如何操作),請重新啟動。
為什麼不用tsd了?
https://github.com/DefinitelyTyped/tsd
# 官方說:
DEPRECATED: TSD is deprecated, please use Typings and see this issue for more information.
PHP中文網,有大量免費vscode入門教學,歡迎大家學習!
以上是vscode怎麼自動補全的詳細內容。更多資訊請關注PHP中文網其他相關文章!