vscode jsconfig.json 使用簡介
更新時(shí)間：2023年09月15日 12:12:19 作者：前端開發(fā)碼奴
通過jsconfig.json文件定義一個(gè)JavaScript項(xiàng)目,目錄中是否存在此類文件表示該目錄是JavaScript項(xiàng)目的根目錄,文件本身可以選擇列出屬于項(xiàng)目的文件,要從項(xiàng)目中排除的文件以及編譯器選項(xiàng),這篇文章主要介紹了vscode jsconfig.json 使用說明,需要的朋友可以參考下
vscode jsconfig.json 使用說明
什么是jsconfig.json
-jsconfig.json文件指定根目錄和JavaScript服務(wù)提供的功能選項(xiàng)。
- 提示：如果不使用JavaScript，就不需要配置jsconfig.json。
- 提示：tsconfig.json 配置高于 jsconfig.json，它是TypeScript的配置文件。配置了tsconfig.json的情況下 allowJs:true jsconfig.json 才生效。
為什么需要jsconfig.json文件
Visual Studio Code的JavaScript支持可以兩種不同模式運(yùn)行：
- File Scope : 沒有jsconfig.json。
- 在這種模式下，在Visual Studio Code中打開的JavaScript文件被視為獨(dú)立的單元。只要文件a.js沒有顯式引用b.ts（即使用import或CommonJS 模塊），兩個(gè)文件之間就不會(huì)存在公共項(xiàng)目上下文。
- Explicit Project - 有jsconfig.json。
- 通過jsconfig.json文件定義一個(gè)JavaScript項(xiàng)目。目錄中是否存在此類文件表示該目錄是JavaScript項(xiàng)目的根目錄。文件本身可以選擇列出屬于項(xiàng)目的文件，要從項(xiàng)目中排除的文件以及編譯器選項(xiàng)。
jsconfig選項(xiàng)
| 選項(xiàng) | 描述 |
|---|---|
| noLib | 不包括默認(rèn)庫文件（lib.d.ts） |
| target | 指定要使用的默認(rèn)庫（lib.d.ts）。值: es3, es5, es6,es2015,es2016, es2017, es2018, es2019,es2020,esnext |
| module | 生成模塊代碼時(shí)指定模塊系統(tǒng)。值: amd, commonJS, es2015, es6, esnext, none, system, umd |
| moduleResolution | 指定如何解析模塊以進(jìn)行導(dǎo)入。值:node,classic |
| checkJs | 對(duì)JavaScript文件啟用類型檢查。 |
| experimentalDecorators | 為建議的ES裝飾器提供實(shí)驗(yàn)支持。 |
| allowSyntheticDefaultImports | 允許從模塊進(jìn)行 default import 而沒有 default export 。這不影響代碼發(fā)出，僅影響類型檢查。 只起到檢查的作用，不會(huì)對(duì)編譯后的代碼有任何影響 |
| baseUrl | 基本目錄，用于解析非相對(duì)模塊名稱。 |
| paths | 指定要相對(duì)于baseUrl選項(xiàng)計(jì)算的路徑映射。 |
vue-cli jsconfig 配置
{
"compilerOptions": {
"target": "es2017",
"allowSyntheticDefaultImports": false,
"baseUrl": "./",
"paths": {
"@/*": ["src/*"]
}
},
"exclude": ["node_modules", "dist"]
}到此這篇關(guān)于vscode jsconfig.json 使用說明的文章就介紹到這了,更多相關(guān)vscode jsconfig.json 使用內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了vue打包添加gzip配置項(xiàng)方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
vue axios請求成功卻進(jìn)入catch的原因分析
這篇文章主要介紹了vue axios請求成功卻進(jìn)入catch的原因分析，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-09-09
本文主要介紹了Vuex3和Vuex4有哪些區(qū)別，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
本文主要介紹了如何在Vue中動(dòng)態(tài)添加類名，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
element?el-tooltip實(shí)現(xiàn)自定義修改樣式
本文主要介紹了element?el-tooltip實(shí)現(xiàn)自定義修改樣式，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
vue-element-admin后臺(tái)生成動(dòng)態(tài)路由及菜單方法詳解
vue-element-admin后臺(tái)管理系統(tǒng)模板框架 是vue結(jié)合element-ui一體的管理系統(tǒng)框架,下面這篇文章主要給大家介紹了關(guān)于vue-element-admin后臺(tái)生成動(dòng)態(tài)路由及菜單的相關(guān)資料,需要的朋友可以參考下2023-09-09
最近在工作中遇到的一個(gè)需求，需要在vue-cli建立的應(yīng)用中引入jquery的方式，通過查找相關(guān)的資料最終解決了，所以這篇文章主要給大家介紹了關(guān)于在vue單頁應(yīng)用中如何使用jquery的方法示例，需要的朋友可以參考借鑒，下面來一起看看吧。2017-07-07
這篇文章主要介紹了vue中button標(biāo)簽樣式和功能禁用的寫法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
vue進(jìn)行下載與處理二進(jìn)制流文件的方法詳解
這篇文章主要為大家詳細(xì)介紹了vue如何實(shí)現(xiàn)將后端返回的二進(jìn)制流進(jìn)行處理并實(shí)現(xiàn)下載,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12
Vue使用Print.js打印div方式(選中區(qū)域的html)
這篇文章主要介紹了Vue使用Print.js打印div方式(選中區(qū)域的html),具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03