快捷導(dǎo)航

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	對JavaScript文件啟用類型檢查。
experimentalDecorators	為建議的ES裝飾器提供實(shí)驗(yàn)支持。
allowSyntheticDefaultImports	允許從模塊進(jìn)行 default import 而沒有 default export 。這不影響代碼發(fā)出，僅影響類型檢查。只起到檢查的作用，不會(huì)對編譯后的代碼有任何影響
baseUrl	基本目錄，用于解析非相對模塊名稱。
paths	指定要相對于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)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: