init

tsconfig.json

@@ -0,0 +1,47 @@
+{
+  "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 的编译选项，确保开发和配置脚本的环境各自独立。
+
+*/