Electron开发环境部署

lanying56123

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