引言

　　计划用Electron把账本导出脚本GUI化，之前是通过Python3 + Excel文件实现的。虽然基本能满足自己的基本需求，但还是太简陋功能太少了。

　　在选择GUI方案时，考虑了WPF+C#、Xcode+Swift、Electron等几个方案，但出于以下几点考虑，最后选择了Electron：

　　第一点是因为目前主力用的rMBP，搞WPF实在是自找麻烦；
　　第二点是希望这个小玩意儿能跑在mac之外的平台上，毕竟除了手头这台rMBP剩下的都是Win平台，所以Swift不太行（~~主要是我的Swift水平不行XD~~）；
　　再有一点就是想学习一下Node.js，开阔一下眼界，毕竟现在掌握JS的人就能主宰世界[手动斜眼]。

　　所以就决定是你了，Electron！

正文

系统环境

　　机器：MacBook Pro (Retina, 13-inch, Late 2013)
　　系统：macOS Mojave 10.14.4
　　编辑器：Visual Studio Code 1.32.3
　　Shell：macOS自带Terminal

搭建开发环境

安装Node.js

　　对于Node.js，有以下几种安装方法可选（建议使用安装包安装）：
　　1. 安装包安装，到官网下载PKG安装包后双击运行，安装提示一步一步执行即可。截至目前最新的版本为 node-v12.3.1
　　2. 源码手工编译，到官网根据自己的平台下载源代码压缩包，解压后手动编译并安装即可。
　　3. 通过Homebrew安装：在终端中执行brew install node即可。

　　安装完成后，在终端中分别执行npm -v和node -v查看安装的版本，如果没有报错说明Node.js安装完成。

安装Electron

　　1. 通过npm安装Electron。建议将Electron安装为全局模式，以便在终端中进行调用。具体安装命令为：npm install electron -g --save

　　2. 修改Bash配置，将Electron加入系统环境路径：

1 2	$ cd ~ $ vi .bash_profile

在.bash_profile文件中添加以下语句：

1 2	#Setting PATH for Electron/Node.js PATH="/Users/charles/nodejs/npm_global/bin:${PATH}”export PATH

　　保存退出后，执行source .bash_profile使配置生效

　　安装及配置完成后，执行electron -v查看安装的版本，如果没有报错说明Electron安装完成。

后记

　　到这里，Electron就安装完成了，接下来就是喜闻乐见的Hello World环节啦！吃饭去，白白～