{
  "files": [],
  "references": [
    /* Bundler mode */
    {
      "path": "./tsconfig.app.json"
    },
    {
      "path": "./tsconfig.node.json"
    }
  ]
}
/*

### 文件 1 (`tsconfig.node.json`):
1. **`target`: `ES2022`**
   - 这个文件编译目标是 ES2022，意味着输出的代码将使用 ES2022 特性，适合较新版本的 Node.js 或支持 ES2022 的浏览器环境。

2. **`lib`: `["ES2023"]`**
   - 使用了 ES2023 的库标准，提供了最新的 JavaScript API 支持。

3. **`include`: `["vite.config.ts"]`**
   - 这个文件只针对 `vite.config.ts` 文件，因此可能主要用于 Vite 配置的 TypeScript 设置，不会对其他项目源代码产生影响。

### 文件 2 (`tsconfig.app.json`):
1. **`target`: `ES2020`**
   - 这个文件编译目标是 ES2020，适用于相对广泛的运行环境，特别是支持稍旧的浏览器或运行时。

2. **`lib`: `["ES2020", "DOM", "DOM.Iterable"]`**
   - 除了 ES2020 标准，还包括了 DOM 和 DOM.Iterable，意味着这个配置更适合在浏览器端开发，特别是使用 Vue.js、React 等前端框架时处理 DOM API。

3. **`include`: `["src/*\*\/ *.ts", "src/*\*\/*.tsx", "src/*\*\/*.vue"]`**
- 此文件包含了项目中的 TypeScript、TSX 和 Vue 文件，适用于完整的前端项目，而不仅仅是配置文件，适合实际开发和编译项目的 TypeScript 代码。

### 其他差异：
- **`jsx: "preserve"`**: 在第二个文件中，`jsx` 被设置为 `preserve`，这通常是 React 项目中保留 JSX 语法以便由后续的 Babel 或其他工具进行处理。
  
### 使用场景总结：
- **文件 1** (`tsconfig.node.json`): 
  - 适用于 Node.js 环境下的配置文件编译，例如 Vite 项目的配置脚本。只处理配置文件，不处理实际的项目源代码。
  
- **文件 2** (`tsconfig.app.json`): 
  - 适用于整个项目的前端代码编译，包含了浏览器 API 和 JSX 的支持，适合开发 Web 应用程序。

这两种配置的分离是为了更精细化地控制不同环境下 TypeScript 的编译选项，确保开发和配置脚本的环境各自独立。

*/