electron快速入门-环境搭建

相关技术文档：electron相关文档:https://www.w3cschool.cn/electronmanual/bm8h1ql7.html

安装demo electron-quick-start

git clone https://github.com/electron/electron-quick-start
cd  electron-quick-start
npm init 
npm install
npm start

npm install可能会卡死， 原因是因为一些依赖包下载慢，可以设置国内代理

npm config set registry https://registry.npm.taobao.org
vi ~/.npmrc
写入以下内容:
registry=https://registry.npm.taobao.org
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
phantomjs_cdnurl=http://npm.taobao.org/mirrors/phantomjs
ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/

执行结果：

image.png

安装# electron-packager

https://github.com/electron-userland/electron-packager/blob/master/docs/api.md

npm install electron-packager --save-dev
./node_modules/.bin/electron-packager .

结果

image.png

安装# electron-installer-dmg

npm i electron-installer-dmg --save-dev
./node_modules/.bin/electron-packager .
./node_modules/.bin/electron-installer-dmg ./electron-quick-start-darwin-x64/electron-quick-start.app test

结果

image.png

直接拷贝dmg文件在macos安装即可

详细配置参考github上的相关配置