1.0.0 Version release: Refactors

Author: Pure-Peace

README.md

@@ -1,6 +1,6 @@
 ![bigLogo](http://otsu.fun/big_logo.png)
+
 # 🔥vue-cli-electron-template
-⭐Using `vue-cli 3` and `Electron 8` built a modular desktop application template. Convenient packaging and program language switching,  with a custom borderless window, including `vue-router`, `vue-i18n`, `axios`, `electron-builder` and more common components, as well as some demo functions.
 
 ![npm](https://img.shields.io/npm/v/@vue/cli?color=aa&label=vue-cli)
 ![GitHub package.json version](https://img.shields.io/github/package-json/v/Pure-Peace/vue-cli-electron-template?color=yellow&logo=yellow&logoColor=yellow)
@@ -10,100 +10,105 @@
 ![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/Pure-Peace/vue-cli-electron-template?color=aa&label=Lightweight&logo=aa&logoColor=aa)
 ![GitHub last commit](https://img.shields.io/github/last-commit/Pure-Peace/vue-cli-electron-template)
 
+⭐ Using **vue-cli 4** and **Electron 8.x** built a modular desktop application template.
+
+The directory structure is clear and the main process (electron) is separated from the rendering process (vue), which is easy to extend and manage.
+
+Fast packaging, one-click multi-language switch. Use custom borderless windows, has added easy-to-use **svg** icon components, and **axios** , **vuex**, **vue-router**, **vue-i18n** and global bus **bus**, out of the box, project extremely fast start.
 
-- 🌺English / 💖[中文](https://github.com/Pure-Peace/vue-cli-electron-template/blob/master/README_ZH.md)
+- [English](https://github.com/Pure-Peace/vue-cli-electron-template/blob/master/README.md) / 💖 中文
+- [Simple document](https://github.com/Pure-Peace/vue-cli-electron-template/wiki)
 
-<h2 align="center">⚡-Introduction-</h2>
+## Release Notes:
 
-🚀A lightweight, modular template. Added common plugins and demo features. You can happily use the `svg` icon in this project, use the `i18n` multi-language comfortably, switch the application language (including the native components and the browser page), make network requests more convenient.
+- [v0.3.0](https://github.com/Pure-Peace/vue-cli-electron-template/releases/tag/0.3.0): Old version. But some dependencies were upgraded and minor refactoring was done.
+- [v1.0.0](https://github.com/Pure-Peace/vue-cli-electron-template/releases/tag/1.0.0): After refactoring. Clearer directory structure. Also fix the problem of tray setting icon under MacOS.
 
-[Document](https://github.com/Pure-Peace/vue-cli-electron-template/wiki)
+### Detailed:
 
-## 📘These:
-- 🍊Basic: `vue-cli` &` electron-builder`
-- 🌕Router: `vue-router`
-- 🍁Multilingual: `vue-i18n`
-- 🌝Network Requester: `axios`
-- 🚅Quick package: `electron-builder`
-- 💚css preprocessor: `less`
+- Custom borderless windows.
+- Clear directory structure with modular design. Separation of main process (Electron) and rendering process (Vue), easy to extend and manage.
+- Fully support multiple languages and switch freely.
+- **svg** icon component, you can freely add and use svg icons, very easy
+- **Electron**: contains some demos.
+- **vue-i18n**：Added language switching demo, including language switching for **Electron** native components.
+- Wrapped **axios**, Api interface is separated from the requester for easy management.
+- Use **ESlint** for code style specification.
+- Added **vuex**, **vue-router**, and a handy global bus **bus**.
 
-## 🔍And:
-- ⛅A custom window without native borders
-- 🎨Modular design with object-oriented writing (mainProcess)
-- 🍰Language switching for the entire program
-- 🐳An svg component based on `svg-sprite-loader`
-- 🏀`Electron 8`: Demo of some apis.
-- 🍉`vue-i18n`: Added demonstration of language switching, including language switching effect of `electron` native menu.
-- 🍩`axios`: Added request demo.
-- 🌼Use `ESlint` for code style specification.
-- 🌠and `vuex`, `vue-router`
-- 🍖I did not use any ui library, you can add as you like.
+**The project does not add any third-party ui libraries, so you can add as many as you like.**
+
+## 📷 Screenshots:
 
-## 📷Screenshots:
 ![screenshot](http://otsu.fun/demos/0.png)
 ![screenshot](http://otsu.fun/demos/1.png)
-![screenshot](http://otsu.fun/demos/gw.png)
+![screenshot](http://otsu.fun/demos/s1.png)
 ![screenshot](http://otsu.fun/demos/2.png)
 ![screenshot](http://otsu.fun/demos/3.png)
 
+---
 
-<h2 align="center">🏆-Start-</h2>
+## 🏆 Start
 
-- `&` = `or`
+- Choose either **yarn** or **npm**
+
+**🍬 Clone**
 
- 1. **🍬Clone this repository**
- 
 ```bash
 git clone https://github.com/Pure-Peace/vue-cli-electron-template
 ```
 
- 2. **🍮Enter the directory**
- 
 ```bash
 cd vue-cli-electron-template
 ```
 
- 3. **🍙Install dependencies (yarn is recommended)**
- 
+**🍙 Install**
+
 ```bash
-yarn & npm install
+yarn
 ```
 
- 4. **🌽Start application**
- 
 ```bash
-yarn go & npm run go
+npm install
 ```
 
- 5. **🍭Packaging**
- 
+**🌽 Run**
+
 ```bash
-yarn packapp & npm run packapp
+yarn go
 ```
 
+```bash
+npm run go
+```
+
+**🍭 Build**
+
+```bash
+yarn buildapp
+```
+
+```bash
+npm run buildapp
+```
 
-<h2 align="center">🍌-Structure-</h2>
+### 🍌Structure:
 
-**⚽files:**
+#### Important:
 
-- 🎰`./vue.config.js`: Contains **vue path alias**,` electron-builder`, `i18n` and other related configurations.
-- ☔`src/background.js`: **Main process** entry file.
-- 🐐`src/mainProcess/appManager.js`: Management of the **main process**.
-- 🚧`src/main.js`: Vue entry file.
-- 🏨`src/backend.js`: network request interface and` axios` configuration.
+- 🐓`src/main`：Main process (Electron).
+- 🙀`src/renderer`：Renderer process (Vue).
+- 🎰`vue.config.js`: Includes **Path alias**、**electron-builder**、**i18n** And app configurations.
 
-**🍀Directories:**
+#### Others:
 
-- 🌲`src/locales`: `i18n` language translation file directory.
-- 🐓`src/mainProcess`: Main process modular file directory.
-- 🙀`src/mainProcess/events`: ipc and app event manager.
-- 🌴`src/mainProcess/menus`: Menu manager.
-- 🐏`src/mainProcess/plugins`: Currently only translator.
-- 🙉`src/mainProcess/windows`: windows and windows manager.
+- 🏨`src/backend`: Api backend, and **axios** configurations.
+- 🌲`src/locales`：**i18n** Translation file directory.
+- 🙀`src/main/events`：Main process (Electron) **ipc** and **app** events.
 
 ---
-## 🌹Thanks
 
+### 🌹 Special thanks:
 
 <!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
 <!-- prettier-ignore -->
@@ -112,4 +117,4 @@ yarn packapp & npm run packapp
 
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
-🌺Welcome your suggestions.
+Welcome issues

README_ZH.md

@@ -1,6 +1,6 @@
 ![bigLogo](http://otsu.fun/big_logo.png)
+
 # 🔥vue-cli-electron-template
-⭐使用`vue-cli 3`和`Electron 8`构建的模块化的桌面应用程序模板。可以方便进行的打包、切换程序语言，使用自定义无边框窗口，并且添加了`vue-router`、`vue-i18n`、`axios`、`electron-builder`等常用插件以及一些演示功能。
 
 ![npm](https://img.shields.io/npm/v/@vue/cli?color=aa&label=vue-cli)
 ![GitHub package.json version](https://img.shields.io/github/package-json/v/Pure-Peace/vue-cli-electron-template?color=yellow&logo=yellow&logoColor=yellow)
@@ -10,102 +10,103 @@
 ![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/Pure-Peace/vue-cli-electron-template?color=aa&label=Lightweight&logo=aa&logoColor=aa)
 ![GitHub last commit](https://img.shields.io/github/last-commit/Pure-Peace/vue-cli-electron-template)
 
+⭐ 使用 **vue-cli 4** 和 **Electron 8.x** 构建的模块化的桌面应用程序模板。目录结构清晰，主进程（Electron）与渲染进程（Vue）分离，易于扩展和管理。
+
+支持快速打包、一键多语言切换。使用自定义无边框窗口，已添加易用的**svg**图标插件，封装了**axios** （Api 接口资源与请求器分离）、**vuex**、**vue-router**、**vue-i18n** 和 全局总线 **bus**，开箱即用，项目极速启动。
 
-- 🌺[English](https://github.com/Pure-Peace/vue-cli-electron-template/blob/master/README.md) / 💖中文
+- [English](https://github.com/Pure-Peace/vue-cli-electron-template/blob/master/README.md) / 💖 中文
+- [简要文档](https://github.com/Pure-Peace/vue-cli-electron-template/wiki)
 
-<h2 align="center">⚡-介绍！-</h2>
+## Release Notes:
 
-🚀轻量、模块化的模板。添加了常用插件及演示功能，你可以在本项目中愉快的使用`svg`图片，舒适的享受`i18n`多国语言支持，切换程序语言（包括原生组件及浏览器页面)，并且具有一个方便快捷的网络请求方式。
+- [v0.3.0](https://github.com/Pure-Peace/vue-cli-electron-template/releases/tag/0.3.0): 老版本。不过升级了一些依赖，进行了微小的重构。
+- [v1.0.0](https://github.com/Pure-Peace/vue-cli-electron-template/releases/tag/1.0.0): 整体重构，目录结构更加清晰。同时修复 MacOS 下托盘设置图标的问题。
 
-[Document文档](https://github.com/Pure-Peace/vue-cli-electron-template/wiki)
+### 详细说明:
 
-## 📘这些:
-- 🍊基础: `vue-cli` &` electron-builder`
-- 🌕路由: `vue-router`
-- 🍁多语言: `vue-i18n`
-- 🌝网络请求器: `axios`
-- 🚅快速打包: `electron-builder`
-- 💚css预处理器: `less`
+- 使用自定义的无边框窗口。
+- 清晰的目录结构，模块化设计。主进程（Electron）和渲染进程（Vue）分离，方便扩展和管理。
+- 完全支持多语言，切换自如。
+- 已编写**svg**图标组件，您可自由添加和使用 svg 图标，非常简单。
+- **Electron**：包含一些 api 使用演示。
+- **vue-i18n**：添加了语言切换效果演示，包括对`electron`原生组件的语言切换效果。
+- 已封装的**axios**，Api 接口与请求器分离，方便管理。
+- 使用**ESlint**进行代码风格规范。
+- 已添加**vuex**、**vue-router**，还有一个方便的全局总线**bus**。
 
-## 🔍以及:
-- ⛅自定义的原生无边框窗口
-- 🎨主进程可进行模块化管理
-- 🍰整个程序都可以进行方便的语言切换
-- 🐳一个方便你使用`svg`图片的组件（基于`svg-sprite-loader`插件）
-- 🏀`Electron 8`：添加了一些api演示
-- 🍉`vue-i18n`：添加了语言切换演示，包括`electron`原生菜单
-- 🍩`axios`：添加了网络请求演示
-- 🌼使用`ESlint`进行代码风格规范
-- 🌠还有`vuex`、`vue-router`
-- 🍖我没有在项目中添加第三方ui库，您可以随心所欲选择自己喜欢的添加
+**项目未添加任何第三方 ui 库，您可以随心所欲选择自己喜欢的添加。**
 
+## 📷 演示截图:
 
-## 📷Screenshots:
 ![screenshot](http://otsu.fun/demos/0.png)
 ![screenshot](http://otsu.fun/demos/1.png)
-![screenshot](http://otsu.fun/demos/gw.png)
+![screenshot](http://otsu.fun/demos/s1.png)
 ![screenshot](http://otsu.fun/demos/2.png)
 ![screenshot](http://otsu.fun/demos/3.png)
 
+---
 
-<h2 align="center">🏆-开始吧！-</h2>
+## 🏆 开始
 
+- 任选 **yarn** 或 **npm** 其一
 
- 1. **🍬克隆这个仓库**
+**🍬 克隆项目**
 
- - `&` = `或`
- 
 ```bash
 git clone https://github.com/Pure-Peace/vue-cli-electron-template
 ```
 
- 2. **🍮进入目录**
- 
 ```bash
 cd vue-cli-electron-template
 ```
 
- 3. **🍙安装依赖（推荐使用yarn）**
- 
+**🍙 安装依赖**
+
 ```bash
-yarn 或 npm install
-```` 
+yarn
+```
 
- 4. **🌽启动应用**
- 
 ```bash
-yarn go 或 npm run go
+npm install
 ```
 
- 5. **🍭打包应用**
- 
+**🌽 启动应用**
+
 ```bash
-yarn packapp 或 npm run packapp
+yarn go
 ```
 
+```bash
+npm run go
+```
+
+**🍭 打包应用**
+
+```bash
+yarn buildapp
+```
+
+```bash
+npm run buildapp
+```
 
-<h2 align="center">🍌-结构！-</h2>
+### 🍌 目录结构
 
-**⚽文件的：**
+#### 重要：
 
-- 🎰`./vue.config.js`: 包括 **vue路径别名**、` electron-builder`、`i18n` 等其它配配置项
-- ☔`src/background.js`: **主进程**入口文件
-- 🐐`src/mainProcess/appManager.js`: 负责管理**主进程**
-- 🚧`src/main.js`: Vue入口文件
-- 🏨`src/backend.js`: 网络请求接口及`axios`配置项
+- 🐓`src/main`：主进程（Electron 相关）。
+- 🙀`src/renderer`：渲染进程（Vue 或网页相关）。
+- 🎰`vue.config.js`: 包括**路径别名**、**electron-builder**、**i18n** 等各种 app 配置项。
 
-**🍀目录的：**
+#### 其它：
 
-- 🌲`src/locales`：`i18n`多语言翻译文件目录
-- 🐓`src/mainProcess`：主进程模块化文件
-- 🙀`src/mainProcess/events`：ipc及app事件
-- 🌴`src/mainProcess/menus`：菜单管理
-- 🐏`src/mainProcess/plugins`：目前只有翻译器在里面
-- 🙉`src/mainProcess/windows`：多窗口及窗口管理器
+- 🏨`src/backend`: Api 后端接口资源，及**axios**配置项。
+- 🌲`src/locales`：**i18n** 多语言翻译文件目录。
+- 🙀`src/main/events`：主进程（Electron） **ipc** 及 **app** 事件。
 
 ---
-## 🌹特别感谢
 
+### 🌹 特别感谢
 
 <!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
 <!-- prettier-ignore -->
@@ -114,4 +115,4 @@ yarn packapp 或 npm run packapp
 
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
-🌺欢迎您提出建议
+🌺 欢迎您提出建议

package.json

@@ -1,13 +1,13 @@
 {
   "name": "vue-cli-electron-template",
-  "version": "0.3.0",
+  "version": "1.0.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint",
     "go": "vue-cli-service electron:serve",
-    "packapp": "vue-cli-service electron:build",
+    "buildapp": "vue-cli-service electron:build",
     "postinstall": "electron-builder install-app-deps",
     "postuninstall": "electron-builder install-app-deps"
   },
@@ -40,7 +40,7 @@
     "less-loader": "^5.0.0",
     "less": "^4.1.1",
     "vue-cli-plugin-axios": "~0.0.4",
-    "vue-cli-plugin-electron-builder": "~1.4.6",
+    "vue-cli-plugin-electron-builder": "^2.0.0-rc.6",
     "vue-cli-plugin-i18n": "~1.0.1",
     "vue-template-compiler": "^2.6.12"
   },

src/backend/index.js

@@ -1,3 +1,5 @@
 import resources from './resources'
+/* Add Api interface in resources
+在resources中添加Api接口 */
 
 export default resources