frpc-desktop 项目教程

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

frpc-desktop/
├── public/
│   ├── logo/
│   └── screenshots/
├── src/
│   ├── types/
│   └── ...
├── .gitignore
├── .prettierrc.js
├── LICENSE
├── README.md
├── electron-builder.json5
├── index.html
├── package.json
├── postcss.config.js
├── tailwind.config.js
├── tsconfig.json
├── vite.config.ts
└── ...

• public/: 存放项目的公共资源，如logo和截图。
• src/: 项目的源代码目录，包含类型定义和其他源文件。
• .gitignore: Git忽略文件配置。
• .prettierrc.js: Prettier代码格式化配置。
• LICENSE: 项目许可证。
• README.md: 项目说明文档。
• electron-builder.json5: Electron构建配置。
• index.html: 项目的主HTML文件。
• package.json: 项目的依赖和脚本配置。
• postcss.config.js: PostCSS配置。
• tailwind.config.js: Tailwind CSS配置。
• tsconfig.json: TypeScript配置。
• vite.config.ts: Vite配置。

2. 项目的启动文件介绍

项目的启动文件主要是 index.html 和 src/main.ts。

• index.html: 项目的主HTML文件，作为应用的入口点。
• src/main.ts: 主进程的入口文件，负责启动和管理应用。

3. 项目的配置文件介绍

• electron-builder.json5: 配置Electron应用的打包和分发设置。
• package.json: 包含项目的依赖、脚本和其他元数据。
• tsconfig.json: TypeScript编译配置。
• vite.config.ts: Vite开发服务器和构建配置。

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