README_ZH.md

🔥vue-cli-electron-template

⭐ 使用 vue-cli 4 和 Electron 8.x 构建的模块化的桌面应用程序模板。目录结构清晰，主进程（Electron）与渲染进程（Vue）分离，易于扩展和管理。

支持快速打包、一键多语言切换。使用自定义无边框窗口，已添加易用的svg图标插件，封装了axios （Api 接口资源与请求器分离）、vuex、vue-router、vue-i18n 和 全局总线 bus，开箱即用，项目极速启动。

• English / 💖 中文
• 简要文档

Release Notes:

• v0.3.0: 老版本。不过升级了一些依赖，进行了微小的重构。
• v1.0.0: 整体重构，目录结构更加清晰。同时修复 MacOS 下托盘设置图标的问题。

详细说明:

• 使用自定义的无边框窗口。
• 清晰的目录结构，模块化设计。主进程（Electron）和渲染进程（Vue）分离，方便扩展和管理。
• 完全支持多语言，切换自如。
• 已编写svg图标组件，您可自由添加和使用 svg 图标，非常简单。
• Electron：包含一些 api 使用演示。
• vue-i18n：添加了语言切换效果演示，包括对electron原生组件的语言切换效果。
• 已封装的axios，Api 接口与请求器分离，方便管理。
• 使用ESlint进行代码风格规范。
• 已添加vuex、vue-router，还有一个方便的全局总线bus。

项目未添加任何第三方 ui 库，您可以随心所欲选择自己喜欢的添加。

📷 演示截图:

---

🏆 开始

• 任选 yarn 或 npm 其一

🍬 克隆项目

git clone https://github.com/Pure-Peace/vue-cli-electron-template

cd vue-cli-electron-template

🍙 安装依赖

yarn

npm install

🌽 启动应用

yarn go

npm run go

🍭 打包应用

yarn buildapp

npm run buildapp

🍌 目录结构

重要：

• 🐓src/main：主进程（Electron 相关）。
• 🙀src/renderer：渲染进程（Vue 或网页相关）。
• 🎰vue.config.js: 包括路径别名、electron-builder、i18n 等各种 app 配置项。

其它：

• 🏨src/backend: Api 后端接口资源，及axios配置项。
• 🌲src/locales：i18n 多语言翻译文件目录。
• 🙀src/main/events：主进程（Electron） ipc 及 app 事件。

---

🌹 特别感谢

Hancel Lin

🌺 欢迎您提出建议