使用types增強(qiáng)vscode中javascript代碼提示功能-創(chuàng)新互聯(lián)

這篇“使用types增強(qiáng)vscode中javascript代碼提示功能”除了程序員外大部分人都不太理解，今天小編為了讓大家更加理解“使用types增強(qiáng)vscode中javascript代碼提示功能”，給大家總結(jié)了以下內(nèi)容，具有一定借鑒價值，內(nèi)容詳細(xì)步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望大家通過這篇文章有所收獲，下面讓我們一起來看看具體內(nèi)容吧。

創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括友誼網(wǎng)站建設(shè)、友誼網(wǎng)站制作、友誼網(wǎng)頁制作以及友誼網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，友誼網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到友誼省份的部分城市，未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

vscode有什么用

Visual Studio Code 是一個運(yùn)行于 OS X，Windows和 Linux 之上的，針對于編寫現(xiàn)代 web 和云應(yīng)用的跨平臺編輯器，它為開發(fā)者們提供了對多種編程語言的內(nèi)置支持，并且正如 Microsoft 在Build 大會的 keynote 中所指出的，這款編輯器也會為這些語言都提供了豐富的代碼補(bǔ)全和導(dǎo)航功能。

使用 types 增強(qiáng)vscode中javascript代碼提示功能

微軟的vscode編輯器是開發(fā)typescript項(xiàng)目的不二選，其本身也是采用typescript開發(fā)的。

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

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

關(guān)于vscode這方面更深的說明，請?jiān)L問以下鏈接：

     1、https://code.visualstudio.com/docs/languages/javascript

     2、https://github.com/Microsoft/TypeScript/wiki/JavaScript-Language-Service-in-Visual-Studio

     3、https://code.visualstudio.com/docs/editor/intellisense

安裝 types 文件

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

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

npm install @types/sequelize --save-dev

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

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

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

配置 jsconfig.json 文件

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

在jsconfig.json文件中添加：

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

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

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

開啟后，如圖：

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

vscode對智能感知的圖標(biāo)，也給了一定的匯總：

在js文件中啟用語義檢查

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

// @ts-check
let easy = 'abc'
easy = 123 // Error: Type '123' is not assignable to type 'string'

或者在 jsconfig.json中進(jìn)行配置：

{
  "compilerOptions": {
    "checkJs": true
  },
  "exclude": [
    "node_modules"
  ]
}

感謝你的閱讀，希望你對“使用types增強(qiáng)vscode中javascript代碼提示功能”這一關(guān)鍵問題有了一定的理解，具體使用情況還需要大家自己動手實(shí)驗(yàn)使用過才能領(lǐng)會，快去試試吧，如果想閱讀更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

本文標(biāo)題：使用types增強(qiáng)vscode中javascript代碼提示功能-創(chuàng)新互聯(lián)
文章出自：http://m.jiaotiyi.com/article/ceioip.html