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程序运行。