Electron 安装打包注意

参考：https://blog.csdn.net/Liutt55/article/details/88687969
搞了我半天，可算是会安装了(写起来简单，打包起来是真麻烦😭)

1. 首先需要用到cnpm 淘宝镜像 安装一下
2. 然后需要配置好package.json，最新版可能不兼容打包软件，最好用下面的配置
3. 运行 cnpm run packager
4. 在运行之前可能要用cnpm 全局安装electron、electron-packager、和electron-winstaller(注意版本)

{
  "name": "electron-quick-start",
  "version": "1.0.0",
  "description": "A minimal Electron application",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "packager": "electron-packager . electron-quick-start --overwrite --win=x32 --out ./HelloWorldApp --arch=x64 --app-version=1.0.0 --electron-version=2.0.0"
  },
  "repository": "https://github.com/electron/electron-quick-start",
  "keywords": [
    "Electron",
    "quick",
    "start",
    "tutorial",
    "demo"
  ],
  "author": "GitHub",
  "license": "CC0-1.0",
  "devDependencies": {
    "electron": "^2.0.0",
    "electron-packager": "^12.1.0",
    "electron-winstaller": "^2.6.4"
  }
}

Electron Fiddle

---

默认安装就好
可能需要设置下electron版本
可以理解成一个IDE
点击这里可以打包安装包，很好用，还可以查看别人的代码模板
这个相当于一个小例子，用来测试想法挺好的。

应用模板

---

yarn的安装：
https://www.cnblogs.com/amybathory/p/10942799.html
element-ui不显示的问题：
https://blog.csdn.net/HH_KELE/article/details/99369749
electron-vue + element-ui:
https://blog.csdn.net/ucmir183/article/details/89277492
加速yarn：
https://www.cnblogs.com/cxscode/p/8371797.html
yarn卡住：
https://www.jianshu.com/p/144ef0456bf5
yarn run dev 报错
降低nodejs版本到10.x.x

windows权限拒绝

---

1. D:\xxx\node_modules 右键文件夹-安全-编辑-添加-高级-立即查找-找到你的用户添加进去
2. 勾选-完全控制就OK了。原因是你不是管理员，然后文件夹还没有root权限。很多问题都是因为这个

镜像

---

https://www.cnblogs.com/momozjm/p/10635941.html

Vue3

---

教程
https://blog.csdn.net/ddx2019/article/details/102847122
https://vuetifyjs.com/zh-Hans/getting-started/quick-start
\src\background.js 相当于electron的main.js

Vscode Vue格式化风格设置

---

https://blog.csdn.net/twodogya/article/details/80728262

elctron-builder配置文件

---

如果打包报错的话，可以看看配置文件配置的正确与否
.yarnrc

# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
# yarn lockfile v1
registry "https://registry.npm.taobao.org"

.rpmrc

prefix=D:\Program Files\nodejs\node_modules\node_global
cache=D:\Program Files\nodejs\node_modules\node_cache
registry=https://registry.npm.taobao.org
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
phantomjs_cdnurl=http://cnpmjs.org/downloads
electron_mirror=https://npm.taobao.org/mirrors/electron/
sqlite3_binary_host_mirror=https://foxgis.oss-cn-shanghai.aliyuncs.com
profiler_binary_host_mirror=https://npm.taobao.org/mirrors/node-inspector/
chromedriver_cdnurl=https://cdn.npm.taobao.org/dist/chromedriver

然后再

yarn electron:build

查看日志

打包之后如果想要查看日志，直接在命令行运行程序就可以看到了