Electron开发环境部署

Electron开发环境部署

安装node.js

可以从node.js官方网站上获取安装包，并进行安装，安装完可以通过

ndoe -v

指令进行版本查看。

本文的开发环境为node.js 4.4.5。

安装node.js的同时，会一并安装包管理器npm，用于对开发包进行统一管理。

使用淘宝镜像/nrm进行安装源管理

由于GFW的存在，无法方便地通过npm直接下载各种开发包，所以我们需要对安装源进行更改。

通过命令

npm install -g cnpm --registry=https://registry.npm.taobao.org

可以从淘宝提供的镜像中安装替代的包管理器cnpm，该安装源由淘宝提供和管理，定期与官方源同步，经过测试，下载速度很理想。使用cnpm替代npm，同样能够实现开发包管理。但是，如果你还是习惯使用npm进行包管理，那么，可以通过安装镜像管理器nrm来在不同的源中无缝切换。

参考文章

先用cnpm安装nrm

cnpm install -g nrm

然后

nrm ls

能够看到所有的源

#  npm ---- https://registry.npmjs.org/
#  cnpm --- http://r.cnpmjs.org/
#* taobao - http://registry.npm.taobao.org/
#  nj ----- https://registry.nodejitsu.com/
#  rednpm - http://registry.mirror.cqupt.edu.cn
#  npmMirror  https://skimdb.npmjs.com/registry

通过

nrm use cnpm

可以选择使用cnpm作为默认的安装源，此时，使用npm将会默认从淘宝安装源进行安装。

安装Electron开发环境

进行Electron开发之前，先要部署开发环境，在有node.js开发环境的基础上，可以通过npm进行开发环境的安装。

安装有两种方式

• 全局安装

# Install the `electron` command globally
npm install electron-prebuilt -g

• 当前目录下安装

# Install as a development dependency
npm install electron-prebuilt --save-dev

二者选一个即可。

安装完成后建立app目录，然后将官网的quick-start中的内容分别拷贝到package.json，main.js，index.html下。

运行命令

cd app
electron .

即可看到hello world程序运行。