目錄中出現 jsconfig.json 文件表明該目錄是 JavaScript 項目的根目錄。 Json 文件指定了根文件和 JavaScript 語言服務提供的特性的選項。

提示: 如果你不使用 JavaScript，你不需要擔心 jsconfig.json。

提示: jsconfig.json 是 tsconfig.json 的后代，后者是 TypeScript 的配置文件。 Json 是 tsconfig.json，“ allowJs”屬性設置為 true。

為什么我需要一個 jsconfig.json 文件

因為VsCode的 JavaScript 支持可以在兩種不同的模式下運行:

• Scope-no jsconfig.json: 文件在這種模式下，在 Visual Studio Code 中打開的 JavaScript 文件被視為獨立的單元。 只要文件 a.js 沒有顯式引用文件 b.ts (使用 import 或 CommonJS 模塊) ，這兩個文件之間就不存在通用的項目上下文。
• Explicit Project-with jsconfig.json: JavaScript 項目通過 jsconfig.json 文件定義。 目錄中出現這樣的文件表明該目錄是 JavaScript 項目的根目錄。 文件本身可以選擇列出屬于項目的文件、要從項目中排除的文件以及編譯器選項(見下文)。

當工作區中有一個 jsconfig.json 文件來定義項目上下文時，JavaScript 體驗會得到改善。 出于這個原因，我們提示您在一個全新的工作區中打開一個 JavaScript 文件時創建一個 jsconfig.json 文件。

Location of jsconfig.json

我們通過創建一個 jsconfig.json 文件來定義我們代碼的這一部分，我們網站的客戶端，作為一個 JavaScript 項目。 將文件放在 JavaScript 代碼的根目錄下，如下所示。

在更復雜的項目中，您可能在工作區中定義了多個 jsconfig.json 文件。 您希望這樣做，這樣一個項目中的代碼就不會被建議作為 IntelliSense 在另一個項目中進行編碼。 下面是一個帶有客戶端和服務器文件夾的項目，展示了兩個獨立的 JavaScript 項目。

例子

默認情況下，JavaScript 語言服務將為您的 JavaScript 項目中的所有文件分析并提供 IntelliSense。 為了提供正確的智能感知，您需要指定要排除或包含哪些文件。

使用 “exclude”

Exclude 屬性(glob 模式)告訴語言服務哪些文件不是源代碼的一部分。 這使性能保持在一個高水平。 如果 IntelliSense 速度慢，則向排除列表添加文件夾(如果檢測到速度慢，VS 代碼將提示您這樣做)。

{
 "compilerOptions": {
 "module": "commonjs",
 "target": "es6"
 },
 "exclude": ["node_modules"]
}

提示: 您希望排除由構建過程生成的文件(例如，dist 目錄)。 這些文件將導致建議顯示兩次，并將減緩智能感知。

使用 “include”

或者，您可以使用 include 屬性(glob 模式)顯式地設置項目中的文件。 如果沒有 include 屬性，則默認情況下包含包含目錄和子目錄中的所有文件。 如果指定了 include 屬性，則只包含這些文件。 下面是一個帶有明確 include 屬性的示例。

{
 "compilerOptions": {
 "module": "commonjs",
 "target": "es6"
 },
 "include": ["src/**/*"]
}

提示: exclude 和 include 中的文件路徑相對于 jsconfig.json 的位置

jsconfig Options 選項

下面是 jsconfig“ compilerOptions”來配置 JavaScript 語言支持。

compilerOptions

提示: 不要被 compilerOptions 搞糊涂了。 這個屬性之所以存在，是因為 jsconfig.json 是 tsconfig.json 的后代，后者用于編譯打字稿。