代码拉取完成,页面将自动刷新
一个简单、高效的桌面应用开发样板工程,由Electron、Vite、Vue2等组成。集成了vue devtools工具,方便大家调试。
使用JavaScript,HTML和CSS构建跨平台的桌面应用程序。
主进程支持所有的Node.JS API。
高性能的Chromium展示您的网页,让您的应用运行更流畅。
极速的服务启动、轻量快速的热重载,让您的开发效率更快。
易用、灵活、高效的VUE,丰富的生态支持。
克隆本项目
git clone git@github.com:ziyoren/electron-vite-vue2.git
进入项目目录
cd electron-vite-vue2
安装依赖
npm install
开始开发
npm start
打包发布
npm run release
├── README.md
├── build
│ └── icons
│ ├── 256x256.png
│ ├── icon.icns
│ └── icon.ico
├── electron
│ └── index.js #electron的入口文件
├── electron-builder.json #打包组件electron-builder的配置文件
├── favicon.svg
├── index.html #Vue的入口模板文件
├── package.json
├── src #Vue的代码目录,就在这里写前端界面
│ ├── App.vue
│ ├── main.js
│ ├── router #Vue的路由
│ │ └── index.js
│ └── views
│ ├── About.vue
│ └── Home.vue
├── vite.config.js #Vite的配置文件
├── vue-devtools #集成Vue-devtools6.1.3 方便您调试Vue项目
├── dist #编译Vue时生成的目录
└── release #打包发布的应用在这个目录里
国内访问请配置镜像地址,否则可能会下载失败
npm config edit
electron_builder_binaries_mirror=https://npmmirror.com/mirrors/electron-builder-binaries/
electron_custom_dir={{ version }}
electron_mirror=https://cdn.npmmirror.com/binaries/electron/v
registry=https://registry.npmmirror.com/
npm install
构建时,如遇到无法下载electron相关的包,可以到npmmirror.com镜像站下载后放在缓存目录中。
各操作系统包的位置如下:
macOS
~/Library/Caches/electron-builder
linux
~/.cache/electron-builder
windows
%LOCALAPPDATA%\electron-builder\cache
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。