# electron-seed

**Repository Path**: nickchen-zoom/electron-seed

## Basic Information

- **Project Name**: electron-seed
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-12
- **Last Updated**: 2026-03-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## Electron种子项目
#### 相关技术栈
- vite
- vue
- element-plus
- tailwindcss
- pinia
- electron

#### 目录结构说明

- **根目录**
  - `package.json`：项目依赖、脚本命令和元信息定义。
  - `vite.config.js`：Vite 构建工具配置（包含与 Electron 相关的配置）。
  - `README.md`：项目说明文档。
  - `public/`：静态资源目录，构建时会原样拷贝到最终产物中。
  - `dist/`：打包后的构建输出目录（由构建命令自动生成）。

- **src/ 前端与渲染进程代码**
  - `main.js`：前端入口文件，创建 Vue 应用并挂载到页面。
  - `renderer.js`：Electron 渲染进程相关入口或辅助脚本。
  - `App.vue`：根组件，作为整个应用的布局和路由容器。
  - `style.css`：全局样式文件，可引入 TailwindCSS 或自定义样式。
  - `store/`：状态管理（Pinia）相关

#### 环境变量相关

- `script`中的`NODE_ENV=development`，可以在`electron`中通过`process.env.NODE_ENV`获取到
- `script`中的`mode=development`，可以在`vue`项目中通过`import.meta.mode`获取到

#### 运行和打包机制

- 运行项目

> 初始化安装`node_modules`包后，执行`yarn electron:dev`，开启开发环境。

- 图标生成

> `/public/potato.png` 图片作为源图片，执行指令`yarn generate:icons`执行图标icon生成脚本，一键生成客户端图标。

- 打安装包

> 执行指令`yarn electron:make`