# electron-vue-basic

**Repository Path**: zjsj_lize/electron-vue-basic

## Basic Information

- **Project Name**: electron-vue-basic
- **Description**: electron+vue3的基础项目demo，打包工具：vite+electron-builder，热更新：nodemon，路由：vue-router，状态管理：pinia，工具插件：lodash
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: electron-basic-v2.0
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 11
- **Forks**: 3
- **Created**: 2022-09-22
- **Last Updated**: 2025-06-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 前言

作者是个狭隘的人，最近通读新中国七十年经济、军事之起伏，深感其中艰辛无奈与愤慨，故无民族之心，无爱国之心，无友爱之心，请勿参考代码。

他人笑我过于单纯，我笑他人满身精明。匹夫之身，或无青云之志，唯所立三尺之地，尽是拳拳赤心。

# vue3+electron

* 目前项目vue3使用vite构建，集成工具包含
 1. axios
2. lodash
3. pinia
4. iview
5. vue-router
6. less
7. rollup


* electron集成工具包含
1. electron-builder
2. terser

# 运行
1. 更新资源
```
npm install
```
2. 运行项目

```
npm run dev
```
或者
```
yarn dev
```
3. 打包项目

```
npm run build
```
或者
```
yarn build
```
# 简介
本项目仅包含登录、侧边栏、首页快捷导航等基础功能，适合作为基础项目二次开发。
打包编译后，全部代码目录为：
 -dist
 -electron
 -node_modules
 -public
 -release
 -src

其中，electron为主进程部分代码，src为前端vue部分代码。dist为vite+rollup打包编译后的代码，release为electron-builder对所有代码打包后的输出目录。

public为公共资源，目前分为electron和build.js，build.js为运行和打包前需要运行的脚本，主要作用是修改package.json、运行rollup插件等。
public->electron中存放electron主进程的静态资源。

src中为vue部分代码，和大部分vue项目类似。

变动比较大的是路由部分，路由加载的不是views中页面，而是按照业务模块划分，例如module-base。使用者可以简单地把所有模块加载到router.js中，也可以通过
routerSetting.js配置需要加载的模块。