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