# electron-vue-template

**Repository Path**: last.html/electron-vue-template

## Basic Information

- **Project Name**: electron-vue-template
- **Description**: Electron搭配Vue3 Vite Iview Electron-Vite开发的模板项目
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2025-05-07
- **Last Updated**: 2025-05-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Electron 桌面开发模板
`关键字 Electron Vue3 Iview Vite Template`

Electron 搭配 Vue3 组合Ivew组件库 根据Electron-Vite进行开发构建桌面应用的快速开发模板

## 推荐的开发工具以及插件

- 开发工具：[VSCode](https://code.visualstudio.com/)

- VsCode插件：[Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar)

## 推荐的框架文档地址

- [Electron官网](https://www.electronjs.org/zh/) 快速了解Electron开发知识

- [Vuejs官网](https://cn.vuejs.org/) 快速了解Vue渐进式Javascript框架

- [Vite官网](https://vitejs.cn/) 快速了解Vite构建工具

- [Electron Vite官网](https://cn.electron-vite.org/) 快速了解Electron搭配Vue3的Electron开发构建工具

- [Iview Plus组件库](https://www.iviewui.com/view-ui-plus/guide/introduce) 快速了解组件库的使用

### 安装并运行构建模板

```bash
# 安装依赖
$ npm install

# 运行项目
$ npm run dev

# 构建项目
# windows
$ npm run build:win

# macOS
$ npm run build:mac

# Linux
$ npm run build:linux
```

## 项目预览
![首页](./background.png)