VSCode中如何利用d.ts文件進(jìn)行js智能提示
自動補(bǔ)全(智能提示)
因為之前微軟推出了typescript語言，結(jié)合tsd文件，用visual studio寫typescript代碼是相當(dāng)爽的，智能提示的功能非常nb。
這個功能理所應(yīng)當(dāng)也被vsc繼承了。
vsc的自動補(bǔ)全用的是typings。
先上效果圖：
安裝 nodejs
因為需要使用到node里面的npm去安裝別人寫好的d.ts文件，所以要先安裝nodejs。具體步驟不說了，去nodejs官網(wǎng)上下載相應(yīng)的程序，點(diǎn)擊下一步下一步安裝就行了。
添加項目的配置文件
在項目的根目錄，創(chuàng)建一個 jsconfig.json 文件，內(nèi)容如下：
{
// See https://go.microsoft.com/fwlink/?LinkId=759670
// for the documentation about the jsconfig.json format
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"allowSyntheticDefaultImports": true
},
"exclude": [
"node_modules",
"bower_components",
"jspm_packages",
"tmp",
"temp"
]
}這個配置文件的作用就是告訴VSCode編輯器，你這個項目是一個js項目。
安裝別人寫好的相關(guān)的d.ts文件
比如說我要提示jquery，那么使用這個命令：
npm install @types/jquery -save
需要說明的是，用下面這個命令去安裝。
$ npm install @types/jquery -save --registry=https://registry.npm.taobao.org
后面多出來的一長串東西，表示是通過淘寶搭建的服務(wù)器去安裝。
然后你就發(fā)現(xiàn)你項目里面多了個node_modules/@types/jquery文件夾。
這時候就能實(shí)現(xiàn)效果圖里面那樣的效果了。
使用自己寫的d.ts文件
如果是我們自己寫的d.ts文件，那么把該d.ts放到項目的根目錄或者任意目錄下就可以了。
關(guān)于如何寫d.ts文件看這里：//m.fzitv.net/article/138217.htm
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關(guān)文章
作為瀏覽器腳本語言，如果JavaScript不是單線程，那么就有點(diǎn)棘手了。比如，與用戶交互或者對DOM進(jìn)行操作時，在一個線程上修改某個DOM，另外的線程刪除DOM，這時瀏覽器該如何抉擇呢?2021-05-05
行為驗證碼通過用戶的操作來完成驗證,常見的行為驗證碼有拖動式和點(diǎn)觸式,下面這篇文章主要給大家介紹了關(guān)于js前端實(shí)現(xiàn)登錄拼圖驗證功能的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02
本文主要介紹了TypeScript 在函數(shù)、枚舉、類和泛型中的類型兼容性規(guī)則,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-01-01
JavaScript實(shí)現(xiàn)PC端橫向輪播圖
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)PC端橫向輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
通用javascript腳本函數(shù)庫 方便開發(fā)
javascript 在 WEB 編程中能起到很大的作用，將一些常用的功能寫成javascript類庫。2009-10-10
網(wǎng)頁緩存文件批量改名工具...2006-10-10
這篇文章主要介紹了uniapp自定義驗證碼輸入框隱藏光標(biāo),效果是點(diǎn)擊輸入框喚起鍵盤，藍(lán)框就相當(dāng)于input的光標(biāo)，驗證碼輸入錯誤或者不符合格式要求會將字體以及邊框改成紅色提示持續(xù)1s然后清空數(shù)據(jù)，恢復(fù)原邊框樣式，需要的朋友可以參考下2023-02-02
JS實(shí)現(xiàn)金額轉(zhuǎn)換(將輸入的阿拉伯?dāng)?shù)字)轉(zhuǎn)換成中文的實(shí)現(xiàn)代碼
這篇文章介紹了JS實(shí)現(xiàn)金額轉(zhuǎn)換(將輸入的阿拉伯?dāng)?shù)字)轉(zhuǎn)換成中文的實(shí)現(xiàn)代碼，有需要的朋友可以參考一下，希望對大家有用2013-09-09
JS實(shí)現(xiàn)將數(shù)字金額轉(zhuǎn)換為大寫人民幣漢字的方法
這篇文章主要介紹了JS實(shí)現(xiàn)將數(shù)字金額轉(zhuǎn)換為大寫人民幣漢字的方法,涉及javascript字符串與數(shù)組操作的相關(guān)技巧,需要的朋友可以參考下2016-08-08
這篇文章主要為大家詳細(xì)介紹了bootstrap table列和表頭對不齊的解決方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07