electron 构建桌面应用(1)

• 构建

• 加载网页或本地文件

• 引入额外的 js 文件

• 打开开发者工具

• 读取本地文件内容

将会在这篇文章中指导构建一个简单的桌面应用。

使用 JavaScript 开发桌面应用意味着在打包（package application）的时候你会需要根据操作系统的不同发出不同的命令。这一行为是将原生桌面应用兼容不同平台的概念抽象出来，方便维护应用。现在，我们可以借助 Electron 开发一个桌面应用。

创建文件夹并安装开发依赖包

===========================================================================

创建文件夹electron-demo，或命名为其它自己喜爱的名字。并在文件夹下创建下列文件，全部留空即可。

.

├── index.html

└── main.js

执行 npm init 命令，生成 package.json 文件。其中 scripts 部分设置为 “start”: “electron main.js”。

接下来安装所需的依赖包（npm默认源链接缓慢的，请使用淘宝国内镜像）：

npm install --save-dev electron-prebuilt

完成后 package.json 文件如下：

{

“name”: “electron-demo”,

“version”: “1.0.0”,

“description”: “”,

“main”: “index.js”,

“scripts”: {

“test”: “echo “Error: no test specified” && exit