using vue-cli4 and Electron bu

vue-cli-electron-template

Using vue-cli 4 and Electron 11.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 / 中文 Simple document Release Notes: v0.3.0: Old version. But some dependencies were upgraded and minor refactoring was done. v1.0.0: After refactoring. Clearer directory structure. Also fix the problem of tray setting icon under MacOS. v2.0.0: Electron 11.x version Detailed: 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.

The project does not add any third-party ui libraries, so you can add as many as you like.

Screenshots:

Start Choose either yarn or npm

Clone

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

cd vue-cli-electron-template

Install

yarn

npm install

Run

yarn go

npm run go

Build

yarn buildapp

npm run buildapp Structure: Important: src/main:Main process (Electron). src/renderer:Renderer process (Vue). vue.config.js: Includes Path aliaselectron-builderi18n And app configurations. Others: src/backend: Api backend, and axios configurations. src/localesi18n Translation file directory. src/main/events:Main process (Electron) ipc and app events. Special thanks:


Hancel Lin

Welcome issues

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。