Electron 学习笔记(1) 安装

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/