https://github.com/bingkui/vueelectrontemplate

一个用来开发客户端的模板。
https://github.com/bingkui/vueelectrontemplate

electron nodejs pinia template vite vue vue-router vue3-typescript vuex webpack webpack4

Last synced: 2 months ago
JSON representation

一个用来开发客户端的模板。

• Host: GitHub
• URL: https://github.com/bingkui/vueelectrontemplate
• Owner: BingKui
• License: mit
• Created: 2019-05-07T06:27:39.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-08-30T08:18:06.000Z (over 1 year ago)
• Last Synced: 2024-04-15T15:57:41.568Z (9 months ago)
• Topics: electron, nodejs, pinia, template, vite, vue, vue-router, vue3-typescript, vuex, webpack, webpack4
• Language: JavaScript
• Homepage:
• Size: 1.08 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# VueElectronTemplate

一个用来开发客户端的模板。

## 前言

为了更好的学习使用 Electron 开发桌面端客户端，特搭建此项目，作为开发项目的基础框架。

本项目借鉴自 [electron-vue](https://github.com/SimulatedGREG/electron-vue)。

## 环境

Vue 2 + Vue-Router + Vuex + Electron@12 + Webpack 4

## 项目依赖环境

- nodejs: v10.10.0

- electron: v12.2.3

- vue: v2.6.10

- vuex: v3.1.1

- vue-router: v3.0.6

- axios: v0.24.0

- nedb: v1.8.0

## 开发

```bash

# 拉取项目

git clone https://github.com/BingKui/VueElectronTemplate

# 安装依赖

cd VueElectronTemplate

npm install

# 运行开发环境

npm run dev

```

## 基础模板功能

- 系统通知

- 系统托盘

- 自动更新

- 系统设置

- 自定义菜单配置

- 本地数据库支持

- 快捷键配置

- 自定义滚动条模块

- 右键菜单

- 自动打包发布（Windows & Mac），GitHub Action

- 支持M1芯片

## 项目自带组件

- Button: 按钮组件

- Progress: 进度条组件

- ScrollBar: 自定义滚动条组件

- MouseRight: 右键菜单组件