# electron-vue3-template

**Repository Path**: zlcoder/electron-vue3-template

## Basic Information

- **Project Name**: electron-vue3-template
- **Description**: 这是一个基于electron+vue+axios+elementui+tailwindcss的跨平台桌面应用模板
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-03-03
- **Last Updated**: 2025-03-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# electron-vue-app

![GitHub Repo stars](https://img.shields.io/github/stars/umbrella22/electron-vue-template)
[![vue](https://img.shields.io/badge/vue-3.5.8-brightgreen.svg)](https://github.com/vuejs/vue-next)
[![rspack](https://img.shields.io/badge/rspack-1.0.5-brightgreen.svg)](https://rspack.dev/index)
[![electron](https://img.shields.io/badge/electron-32.1.2-brightgreen.svg)](https://github.com/electron/electron)
[![license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/umbrella22/electron-vue-template/blob/master/LICENSE)

[国内访问地址](https://gitee.com/Zh-Sky/electron-vue-template)

### 请确保您的 node 版本大于等于 18.

#### 如何安装

```bash
npm config edit
# 该命令会打开npm的配置文件，请在空白处添加
# registry=https://registry.npmmirror.com
# ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/
# ELECTRON_BUILDER_BINARIES_MIRROR=https://npmmirror.com/mirrors/electron-builder-binaries/
# 然后关闭该窗口，重启命令行.
# 使用yarn安装
npm install

# 启动之后，会在9080端口监听
npm run dev

# build命令在不同系统环境中，需要的的不一样，需要自己根据自身环境进行配置
npm run build


```sh
目录结构
```
my-electron-app/
├── src/                 # Vue 3 源码
├── electron/            # Electron 主进程代码
│   ├── main.js         # 主进程入口
│   └── preload.js      # 预加载脚本（安全通信）
├── public/             # 静态资源
├── vue.config.js       # Vue 配置
└── package.json