一开始上手Electron可能会很迷茫：文件该放在哪？文件如何命名？代码从哪里开始写？代码应怎么组织？
幸运的是，GitHub的Electron开发者创建了一个供初学者学习的GitHub仓库Electron Quick Start。我们将这个仓库中的案例为出发点学习Electron。代码仓库地址为https://github.com/electron/electron-quick-start，里面的代码都精简到Electron应用所需的基本要求。
Electron前端渲染进程的写法有很多，你可以选择各种各样的架构，例如：Angular、React、Vue等等，完全取决于你的开发习惯。本书的主旨是带领读者学习Electron的工作原理，包括主进程和渲染进程。我们将会使用类似Electron Quick Start的原生写法，确保你能理解Electron的特性，以便在此基础上进行进一步开发。
获取Quick Start代码
在构建Electron快速开始项目之前，你必须确保环境中安装了Git、Node和npm。
一般程序员都会将代码放在习惯的本地路径下，本书假定所有的代码都在了HOME/Code/directory，请将其对应为自己的代码路径。
打开你的终端程序。在Mac OS X系统中，终端在Aplications/Utilities路径下；而在Windows系统中，可以从开始菜单找到CMD。或者可以使用Git Bash，下载示例代码更加方便。
在终端中转到代码路径下，输入：
git clone https://github.com/electron/electron-quick-start quick-start此命令会将Electron Quick Start仓库拷贝到你的终端当前路径的quick-start文件夹下。接下来进入quick-start文件夹中：
cd quick-start初始化Git，清除仓库的历史纪录：
git init然后你会得到如下信息：
Reinitialized existing Git repository in /Users/<username>/Code//quick-start/.git/使用Git仓库和npm的一个优势是：不必总是维护外部依赖模块。只要使用如下命令就能让npm安装所需node模块集：
npm install现在你就能用习惯的开发工具打开这个项目了。我们选用微软的Visual Studio Code，你能在本书的众多截屏图片中看到这个工具的界面。