SwitchHosts 项目教程

1. 项目的目录结构及介绍

SwitchHosts 项目的目录结构如下：

SwitchHosts/
├── assets/
├── screenshots/
├── scripts/
├── src/
├── test/
├── .gitattributes
├── .gitignore
├── .prettierignore
├── .prettierrc.json
├── LICENSE
├── README.md
├── README.zh_hans.md
├── README.zh_hant.md
├── electron.d.ts
├── package-lock.json
├── package.json
├── tsconfig.json
├── typings.d.ts
├── vite.main.config.ts
└── vite.render.config.ts

目录介绍：

• assets/: 存放项目资源文件。
• screenshots/: 存放项目截图。
• scripts/: 存放脚本文件。
• src/: 存放源代码文件。
• test/: 存放测试文件。
• .gitattributes: Git 属性配置文件。
• .gitignore: Git 忽略配置文件。
• .prettierignore: Prettier 忽略配置文件。
• .prettierrc.json: Prettier 配置文件。
• LICENSE: 项目许可证文件。
• README.md: 项目主文档。
• README.zh_hans.md: 项目简体中文文档。
• README.zh_hant.md: 项目繁体中文文档。
• electron.d.ts: Electron 类型定义文件。
• package-lock.json: npm 锁定文件。
• package.json: npm 配置文件。
• tsconfig.json: TypeScript 配置文件。
• typings.d.ts: TypeScript 类型定义文件。
• vite.main.config.ts: Vite 主配置文件。
• vite.render.config.ts: Vite 渲染配置文件。

2. 项目的启动文件介绍

SwitchHosts 项目的启动文件主要包括：

• package.json: 该文件包含了项目的依赖、脚本命令等信息。通过运行 npm start 命令可以启动项目。
• vite.main.config.ts: Vite 主配置文件，用于配置主进程的构建和启动。
• vite.render.config.ts: Vite 渲染配置文件，用于配置渲染进程的构建和启动。

3. 项目的配置文件介绍

SwitchHosts 项目的配置文件主要包括：

• .prettierrc.json: Prettier 代码格式化配置文件，用于统一代码风格。
• tsconfig.json: TypeScript 编译配置文件，用于配置 TypeScript 编译选项。
• vite.main.config.ts: Vite 主配置文件，包含了主进程的构建和启动配置。
• vite.render.config.ts: Vite 渲染配置文件，包含了渲染进程的构建和启动配置。

这些配置文件共同确保了项目的正确构建和运行。