【yakit】 【亲测免费】 Yakit 项目安装与使用教程

项目目录结构及介绍

Yakit 项目的目录结构如下：

yakit/
├── app/
├── backups/
├── bins/
├── build/
├── buildHooks/
├── buildutil/
├── imgs/
├── multibuilder/
├── report/
├── scripts/
├── .gitignore
├── ELECTRON_GUIDE.md
├── LICENSE.md
├── README-EN.md
├── README.md
├── README_LEGACY.md
├── electron-builder.yaml
├── electron.env
├── package.json
├── package.json.pre-commit.bak
├── yarn.lock

目录介绍

• app/: 包含应用程序的主要代码。
• backups/: 用于存放备份文件。
• bins/: 存放二进制文件。
• build/: 构建相关文件。
• buildHooks/: 构建钩子文件。
• buildutil/: 构建工具文件。
• imgs/: 项目使用的图片资源。
• multibuilder/: 多构建器配置文件。
• report/: 报告生成相关文件。
• scripts/: 脚本文件。
• .gitignore: Git 忽略文件配置。
• ELECTRON_GUIDE.md: Electron 指南文档。
• LICENSE.md: 项目许可证。
• README-EN.md: 英文 README 文档。
• README.md: 项目主 README 文档。
• README_LEGACY.md: 旧版 README 文档。
• electron-builder.yaml: Electron 构建配置文件。
• electron.env: Electron 环境配置文件。
• package.json: 项目依赖和脚本配置文件。
• package.json.pre-commit.bak: 预提交备份文件。
• yarn.lock: Yarn 锁定文件。

项目启动文件介绍

Yakit 项目的启动文件主要位于 app/ 目录下。以下是一些关键的启动文件：

• app/main.js: 主进程启动文件，负责初始化 Electron 应用。
• app/renderer.js: 渲染进程启动文件，负责 UI 的渲染和交互。

启动流程

1. main.js 文件被 Electron 加载，启动主进程。
2. 主进程创建窗口并加载 index.html 文件。
3. index.html 文件中引入了 renderer.js，启动渲染进程。

项目配置文件介绍

Yakit 项目的配置文件主要包括以下几个：

• electron-builder.yaml: 用于配置 Electron 应用的构建选项。
• electron.env: 环境变量配置文件，用于设置开发和生产环境变量。
• package.json: 项目依赖和脚本配置文件，包含启动、构建等命令。

配置文件详解

electron-builder.yaml

appId: com.yaklang.yakit
productName: Yakit
directories:
  output: dist
  buildResources: build
files:
  - app/**/*
  - package.json

• appId: 应用的唯一标识。
• productName: 应用的名称。
• directories: 构建输出目录和资源目录。
• files: 需要包含在构建中的文件。

electron.env

NODE_ENV=development

• NODE_ENV: 设置当前环境为开发环境。

package.json

{
  "name": "yakit",
  "version": "1.0.0",
  "main": "app/main.js",
  "scripts": {
    "start": "electron .",
    "build": "electron-builder"
  },
  "dependencies": {
    "electron": "^12.0.0"
  }
}

• name: 项目名称。
• version: 项目版本。
• main: 主进程启动文件。
• scripts: 启动和构建命令。
• dependencies: 项目依赖。

以上是 Yakit 项目的目录结构、启动文件和配置文件的详细介绍。希望这份文档能帮助你更好地