electron-笔记01
最近才发现的比较好玩的工具，记录下自己的探索历程
可能很多人不知道electron是什么，但是vscode，你肯定不陌生，vscode就是使用electron开发的，至于electron是什么，能干什么，请自行查阅官网介绍。
官网链接：Electron
1. 安装node
electron开发依赖于node.js，需要安装node，如果已经安装了node，请将npm更新到最新版本，使用electron过程中可以少走些弯路。
2. 创建第一个应用
（1）官网文档中的介绍一步步创建electron
（2）直接在git 上clone示例代码
git clone https://github.com/electron/electron-quick-start
cd electron-quick-start
npm install
注意事项
1. 使用npm安装electron的脚手架时，可能会无法正常安装或安装速度慢，请使用淘宝镜像或其他镜像代替
2. 有时会出现即使 使用npm安装成功，但是当执行 npm start 时，仍然失败，请使用cnpm安装
3. 打包
electron提供了三种打包工具
官网文档中使用的是electron-forge，但是并没有指出对于不同npm版本的不同使用方法，更详细的内容可以点击链接查看官网文档。
npm6
npm install --save-dev @electron-forge/cli
npx electron-forge import
npm7
npm install --save-dev @electron-forge/cli
npm exec --package=@electron-forge/cli -c "electron-forge import"
2. electron-builder 和 electron-packager直接安装对应的脚手架然后执行命令即可
//electron-packager
//安装打包工具
npm install electron-packager --save-dev
//执行打包
electron-packager
//electron-builder
//安装打包工具
npm install electron-builder --save-dev
//执行打包
electron-builder
使用打包工具打包时，可能会报 下载安装某个依赖失败的问题，可以尝试修改electron的镜像解决
npm config set electron_mirror https://npm.taobao.org/mirrors/electron/ npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/ npm config set metrics-registry https://registry.npm.taobao.org/ npm config set registry https://registry.npm.taobao.org/
配置electron_custom_dir
npm config set electron_custom_dir=14.0.0//截止编辑文档时的最新版本
//版本号自行查看 https://github.com/electron/electron/releases
或者自行***(dtz)解决
参考资料
https://blog.csdn.net/qq_35377595/article/details/104991459
https://blog.csdn.net/qq_40513881/article/details/110199202
https://segmentfault.com/a/1190000017714517
https://www.cnblogs.com/plBlog/p/12626282.html
