- 设置npm镜像中国(因为下载electron用国外资源会很慢、或者下载不完整)。全局安装
electron
npm config set registry https://registry.npm.taobao.org/
npm config set ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/"
npm install electron -g
- 通过vue cil
创建项目
;并下载插件electron-builder
(在可视化界面,直接搜索该插件,第一个就是)
vue ui
-
成功之后,
package.json
会有新增。会自动生成background.js
桌面程序配套
点击
electron:serve
运行即可。【左上角的标题和菜单均可自定义。】
点击
electron:build
可以打包成exe程序。【如果报错不能找到electron 资源问题,可手动把 devDependencies 中的 electron 版本更新一下,,版本资源浏览 https://npm.taobao.org/mirrors/electron/ 】可参考
[初始化] https://www.jianshu.com/p/9d5e9bc001f5
[菜单配置] https://blog.csdn.net/ch15196637370/article/details/51147980