如何增強vscode中js代碼提示功能

使用 types 增強vscode中javascript代碼提示功能

微軟的vscode編輯器是開發typescript項目的不二首選，其本身也是采用typescript開發的。

使用過ts的同學都知道 *.d.ts 類型聲明文件，其管理工具，從最初的 tsd,到后來的 typings,一直到現在的@types,類型聲明文件為ts的智能提示，類型檢查提供了有力支持。

我們也可以使用類型聲明文件，增強vscode編輯javascript時的智能提示。

安裝 types 文件

現在，我們可以不依賴typings直接使用npm安裝所需要的types類型文件。

比如，我們要安裝sequelize的類型文件，可以直接使用：

npm install @types/sequelize --save-dev

安裝完成后，我們在 node_modules目錄下發現有一個@types目錄，該目錄里就是所安裝的所有的類型聲明文件。

如果有的第三方npm包官方未提供類型聲明文件時，可能會安裝出錯，找不到相應的包。這時，就沒法利用其增強js代碼的提示功能。

如果你熟悉使用ts如何編寫*.d.ts文件，也可以自己寫一個。

配置 jsconfig.json 文件

對于jsconfig.json文件的詳細說明，請參照這里。

在jsconfig.json文件中添加：

"include": [
 "model/**",
 "service/**"
],
"typeAcquisition": {
 "include": [
 "sequelize"
 ]
}

其中typeAcquisition參數是必配的，標識啟用類型感知功能，里面的include標識對哪個包啟用。

上面的include不是必須的，只是用來標識jsconfig.json文件對哪些文件起作用。

開啟后，如圖：

我們上圖中例子提示的就是sequelize包中Model類的實例方法和屬性。

vscode對智能感知的圖標，也給了一定的匯總：

在js文件中啟用語義檢查

如果要在js中啟用類型檢查，可以在文件最上面添加 // @ts-check 注釋。

或者在 jsconfig.json中進行配置：

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com