npm install --save electron
这个安装过程会非常慢,停滞在 npm install.js这个地方,因为要从github下载一个模块,速度徘徊在 30kb/s,而这个包有 50MB,完全下载不下来。网上的解决方案也是说在 .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/
试了,没什么效果。
在阿里云香港服务器上面执行 npm install --save electron 嗖嗖的就完成安装了。
如果是在墙内,使用 cnpm 安装也是非常快的。先全局安装 cnpm, npm i -g cnpm,再 cnpm install --save electron
npm start
克隆 github 上面的 electron-quick-start 项目
git clone https://github.com/electron/electron-quick-start
执行 npm start 命令,启动项目实例
我碰到个问题,一直很纳闷,菜单显示不出来。
const mainMenu = Menu.buildFromTemplat(menuTemplate)
Menu.setApplicationMenu(menu)
开始的时候只设置了一个标签 'File',可是在 Mac 环境下菜单显示的一直是 Electron,我就很纳闷,难道是命令没有执行,菜单没有显示出来,可是为什么又只有一个下拉菜单 Electron,而不是 File。一直以为代码问题,代码修改来修改去,效果还是没有改变。折腾了一天的时间,真的有些沮丧呀,刚开始学习新东西总是莫名其妙的碰到些怪问题,后来突然想到,会不会默认的第一个菜单栏就是 Electron,无法改变。我就试着把配置项的第 1 个label 设为空,第 2 个 label 开始才可以正常在菜单栏显示。
electron-packager
https://www.christianengvall.se/electron-packager-tutorial/