代码拉取完成,页面将自动刷新
一个可用于生产环境的 Vue.js + Electron 应用模板,旨在帮助开发者快速构建跨平台桌面应用。
通过提供清晰的项目结构和预配置的开发环境,开发者可以专注于业务逻辑实现,而无需担心繁琐的基础设施搭建。
# 克隆项目
git clone https://github.com/ZeroKwok/ElectronVueTemplate.git
cd ElectronVueTemplate
# 可选设置Node或Electron镜像
npm config set registry https://registry.npmmirror.com
yarn config set electron_mirror https://npmmirror.com/mirrors/electron/
# 安装依赖
yarn
# 运行
yarn start
# 打包
yarn package
# 构建安装程序
yarn make
Node.js 需要 20 及以上的版本,建议使用 nvm
来管理多个不同版本的 Node.js。
在 Ubuntu 24.04 中 yarn start
时可能会出现沙盒限制错误,使用如下命令解除沙盒限制。
sudo sysctl -w kernel.apparmor_restrict_unprivileged_userns=0
/
├── src/
│ ├── main/ # Electron主进程代码
│ │ ├── ipc.js # 主进程/渲染进程通信
│ │ ├── main.js # 主进程入口文件
│ │ ├── logger.js # 主进程日志
│ │ ├── preload.js # 预加载脚本
│ │ ├── ndialog.js # 原生对话框
│ │ ├── updater.js # 自动更新管理
│ │ └── ...
│ │
│ ├── renderer/ # Vue渲染进程代码
│ │ ├── assets/ # 静态资源
│ │ ├── components/ # Vue组件
│ │ ├── router/ # Vue路由
│ │ ├── views/ # Vue页面视图
│ │ ├── locales/ # i18n 多语言文件(通常作为git子仓库)
│ │ ├── public # 公共资源
│ │ ├── common # 公共代码
│ │ │ ├── i18n.js # i18n 多语言管理
│ │ │ ├── state.js # 全局状态管理
│ │ │ ├── logger.js # 渲染进程日志
│ │ │ ├── constants.js # 运行时环境常量
│ │ │ └── ...
│ │ │
│ │ ├── App.vue # 根组件
│ │ └── renderer.js # 渲染进程入口文件
│ │
│ ├── server/ # 服务器模式代码
│ │ ├── index.js # 服务器模式入口文件
│ │ └── routes/ # 服务器模式路由
│ │
│ └── shared/ # 共享代码
│ ├── store/
│ │ ├── cache.js # 运行时缓存管理(内存中),主进程和渲染进程共享
│ │ └── settings.js # 应用设置管理(磁盘存储)
│ │ └── preset.js # 共享设置默认预设
│ └── utils/ # 共享工具函数
│ ├── env.js # 运行时环境常量
│ └── example.js # 示例工具函数
│
├── .env # 环境变量配置
├── .env.development # 开发环境变量
├── .env.production # 生产环境变量
├── index.html # HTML入口点
├── package.json # 项目依赖和脚本
├── forge.config.js # Electron Forge配置
├── vite.*.config.mjs # Vite配置(Electron Forge Vite插件)
└── README.md # 项目文档
欢迎建议和代码贡献!提交PR前请确保阅读贡献指南。
本项目采用MIT许可证开源。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。