VSCode中如何利用d.ts文件進(jìn)行js智能提示
自動(dòng)補(bǔ)全(智能提示)
因?yàn)橹拔④浲瞥隽藅ypescript語(yǔ)言，結(jié)合tsd文件，用visual studio寫typescript代碼是相當(dāng)爽的，智能提示的功能非常nb。
這個(gè)功能理所應(yīng)當(dāng)也被vsc繼承了。
vsc的自動(dòng)補(bǔ)全用的是typings。
先上效果圖：
安裝 nodejs
因?yàn)樾枰褂玫絥ode里面的npm去安裝別人寫好的d.ts文件，所以要先安裝nodejs。具體步驟不說(shuō)了，去nodejs官網(wǎng)上下載相應(yīng)的程序，點(diǎn)擊下一步下一步安裝就行了。
添加項(xiàng)目的配置文件
在項(xiàng)目的根目錄，創(chuàng)建一個(gè) 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"
]
}
這個(gè)配置文件的作用就是告訴VSCode編輯器，你這個(gè)項(xiàng)目是一個(gè)js項(xiàng)目。
安裝別人寫好的相關(guān)的d.ts文件
比如說(shuō)我要提示jquery，那么使用這個(gè)命令：
npm install @types/jquery -save
需要說(shuō)明的是，npm軟件庫(kù)被墻了，所以你要翻墻，或者用下面這個(gè)命令去安裝。
$ npm install @types/jquery -save --registry=https://registry.npm.taobao.org
后面多出來(lái)的一長(zhǎng)串東西，表示是通過淘寶搭建的服務(wù)器去安裝。
然后你就發(fā)現(xiàn)你項(xiàng)目里面多了個(gè)node_modules/@types/jquery文件夾。
這時(shí)候就能實(shí)現(xiàn)效果圖里面那樣的效果了。
使用自己寫的d.ts文件
如果是我們自己寫的d.ts文件，那么把該d.ts放到項(xiàng)目的根目錄或者任意目錄下就可以了。
關(guān)于如何寫d.ts文件看這里：http://www.dbjr.com.cn/article/138217.htm
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
這篇文章主要介紹了JavaScript Module模式的相關(guān)資料，文中講解非常細(xì)致，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
JavaScript ES2019中的8個(gè)新特性詳解
這篇文章主要介紹了JavaScript ES2019中的8個(gè)新特性詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2019-02-02
這篇文章主要介紹了JavaScript提升機(jī)制Hoisting詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
JavaScript實(shí)現(xiàn)移動(dòng)端拖動(dòng)元素
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)移動(dòng)端拖動(dòng)元素，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
JavaScript實(shí)現(xiàn)輸入框(密碼框)出現(xiàn)提示語(yǔ)
有時(shí)候我們需要在登陸表單有一些提示語(yǔ)言，比如“請(qǐng)輸入用戶名”和“請(qǐng)輸入密碼”等語(yǔ)言，通過本文給大家介紹JavaScript實(shí)現(xiàn)輸入框(密碼框)出現(xiàn)提示語(yǔ)的相關(guān)知識(shí)，對(duì)js實(shí)現(xiàn)輸入框提示相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01
uniapp實(shí)現(xiàn)點(diǎn)擊出現(xiàn)彈窗功能實(shí)例
這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)點(diǎn)擊出現(xiàn)彈窗功能的相關(guān)資料,UniApp框架中提供了兩種不同類型的彈出框,以幫助我們滿足不同的需求,需要的朋友可以參考下2023-08-08
詳解利用exif.js解決ios手機(jī)上傳豎拍照片旋轉(zhuǎn)90度問題
這篇文章主要介紹了詳解利用exif.js解決ios手機(jī)上傳豎拍照片旋轉(zhuǎn)90度問題，有需要的朋友可以了解一下。2016-11-11
這篇文章主要介紹了JS版微信6.0分享接口用法,結(jié)合實(shí)例形式分析了JS版微信6.0分享功能原理、接口調(diào)用方法與相關(guān)使用注意事項(xiàng),需要的朋友可以參考下2016-10-10
將html頁(yè)面保存成圖片,圖片寫入pdf的實(shí)現(xiàn)方法(推薦)
下面小編就為大家?guī)?lái)一篇將html頁(yè)面保存成圖片,圖片寫入pdf的實(shí)現(xiàn)方法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-09-09
基于JavaScript實(shí)現(xiàn)簡(jiǎn)單的音頻播放功能
本文給大家?guī)?lái)了基于js實(shí)現(xiàn)簡(jiǎn)單的音頻播放功能，數(shù)據(jù)是由后臺(tái)提供的，具體實(shí)例代碼大家參考下本文2018-01-01