项目搭建工具

{
  "compilerOptions": {
    "target": "esnext",
    "checkJs": true,
    "baseUrl": ".",
		// 配置路径别名 
    "paths": {
      "~/*": ["./node_modules/*"],
      "@/*": ["./src/*"],
      "api/*": ["./src/api/*"],
      "common/*": ["./src/common/*"],
      "components/*": ["./src/components/*"],
      "config/*": ["./src/config/*"],
      "extend/*": ["./src/extend/*"],
      "locale/*": ["./src/locale/*"],
      "router/*": ["./src/router/*"],
      "store/*": ["./src/store/*"],
      "assets/*": ["./src/assets/*"],
      "views/*": ["./src/views/*"],
    }
  },
  "exclude": ["node_modules", "public", "dist"],
}

✔ Project name（项目名）: toolsdog
✔ Add TypeScript（添加TS）? : No
✔ Add JSX Support（添加JSX支持）? : No
✔ Add Vue Router for Single Page Application development（添加Vue-router）? : Yes
✔ Add Pinia for state management（添加状态管理Pinia）? : Yes
✔ Add Vitest for Unit testing（为单元测试添加Vitest）? : No
✔ Add Cypress for both Unit and End-to-End testing（为单元测试与端到端测试添加Cypress）? : No
✔ Add ESLint for code quality（为代码质量添加ESLint）? : Yes
✔ Add Prettier for code formatting（为代码格式添加Prettier）? : Yes

Scaffolding project in ./tooldog...
Done.

{
	// "files" 字段为空数组。该字段用于指定要包含在 TypeScript 项目中进行编译的文件列表。通过将文件路径添加到 "files" 字段中，可以告诉 //
	// TypeScript 编译器只对指定的文件进行编译，而不是整个项目目录。如果 "files" 字段为空数组，则表示不指定特定的文件，编译器将默认编译项目中
	// 的所有 TypeScript 文件
  "files": [], 
  "references": [
    {
      "path": "./tsconfig.node.json"
    },
    {
      "path": "./tsconfig.app.json"
    },
    {
      "path": "./tsconfig.vitest.json"
    }
  ]
}

{
	// 指定要扩展的基础 TypeScript 配置文件。在此示例中，它扩展了 @vue/tsconfig/tsconfig.dom.json，表示它基于该文件进行配置。
  "extends": "@vue/tsconfig/tsconfig.dom.json", 
	// 指定要包括在编译中的文件或文件夹的匹配模式。在此示例中，它包括了 env.d.ts、src/**/* 和 src/**/*.vue，表示这些文件和文件夹中的 TypeScript 代码将被编译
  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
	// 指定要排除在编译之外的文件或文件夹的匹配模式。在此示例中，它排除了 src/**/__tests__/*，表示这些文件夹中的测试代码将不会被编译。
  "exclude": ["src/**/__tests__/*"],
  "compilerOptions": {
    "composite": true, // 设置为 true，表示启用项目的组合编译。组合编译允许将多个项目组合成一个，以提高构建性能
    "baseUrl": ".", // 指定相对路径解析的基础目录。在此示例中，它设置为当前目录（"."）
    "paths": {
      "@/*": ["./src/*"] // 指定模块名称的映射到实际文件或文件夹的路径。在此示例中，它将 @/* 映射到 ./src/*，表示在代码中使用 @/ 引用时，将从 src/ 目录下查找相应的模块 帮助编辑
    }
  }
}

{
	// 指定要扩展的基础 TypeScript 配置文件。在此示例中，它扩展了 @tsconfig/node18/tsconfig.json，表示它基于该文件进行配置。
  "extends": "@tsconfig/node18/tsconfig.json",
	// 指定要包括在编译中的文件或文件夹的匹配模式。在此示例中，它包括了一系列文件，如 vite.config.*、vitest.config.*、cypress.config.*、nightwatch.conf.* 和 playwright.config.*。这些文件将被包含在编译中
  "include": [
    "vite.config.*",
    "vitest.config.*",
    "cypress.config.*",
    "nightwatch.conf.*",
    "playwright.config.*"
  ],
  "compilerOptions": {
    "composite": true, // 设置为 true，表示启用项目的组合编译。与前一个示例相同，这允许将多个项目组合成一个，以提高构建性能。
    "module": "ESNext", // 指定生成的 JavaScript 模块的模块系统。在此示例中，它设置为 "ESNext"，表示使用 ES 模块系统
    "moduleResolution": "Bundler", // 指定模块解析的策略。在此示例中，它设置为 "Bundler"，表示使用打包工具进行模块解析。
    "types": ["node"] // 指定要包含的类型声明文件。在此示例中，它包括了 "node"，表示项目将使用 Node.js 类型声明。
  }
}

{
  "extends": "./tsconfig.app.json", // extends：指定要扩展的基础 TypeScript 配置文件。在此示例中，它扩展了当前目录下的 tsconfig.app.json 文件，表示它基于该文件进行配置。
  "exclude": [], // 指定要排除在编译之外的文件或文件夹的匹配模式。在此示例中，它为空数组，表示没有要排除的文件或文件夹。
  "compilerOptions": {
    "composite": true, // 设置为 true，表示启用项目的组合编译。与前面的示例相同，这允许将多个项目组合成一个，以提高构建性能。
    "lib": [], // 指定要包含的库文件。在此示例中，它为空数组，表示不包含任何默认库文件。您可以根据项目的需求添加所需的库文件。
    "types": ["node", "jsdom"] // 指定要包含的类型声明文件。在此示例中，它包括了 "node" 和 "jsdom"，表示项目将使用 Node.js 和 JSDOM 的类型声明。
  }
}

/// <reference types="ant-design-vue/typing/global.d.ts" />