Electron 开发环境搭建

2017-04-28 17:48:53     点击:

代码已验证 原创

前言:

Electron中文手册:https://github.com/electron/electron/blob/master/docs-translations/zh-CN/project/README.md

Node.js官方:https://nodejs.org/en/


步骤一:安装Node.js,前往Node.js官方下载,根据当前实际版本下载,如:v6.10.2 LTS 或 v7.9.0 Current 版本

步骤二:安装成功Node.js后,开始菜单打开“Node.js command prompt”命令控制台。

步骤三:修改npm安装地址

执行命令:

npm config set registry https://registry.npm.taobao.org

(注:由于国内对github及其他Node.js线路支持非常不稳定且下载非常慢,建议换成国内淘宝提供的开发者服务地址。更多修改方式参考:http://www.libs.org.cn/index.php?m=content&c=index&a=show&catid=78&id=112)

步骤四:编辑npmrc文件,修改ELECTRON_MIRROR镜像地址,使用Sublime Text或其他文本编辑器打开Node.js安装目录下的npmrc文件,如D:\nodejs\node_modules\npm下的npmrc文件,在npmrc的内容尾部加入以下内容。

registry=https://registry.npm.taobao.org
sass_binary_site= 
phantomjs_cdnurl=http://npm.taobao.org/mirrors/phantomjs
ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/

(注:不修改镜像地址,部分环境下会导致Electron环境包安装错误)。

步骤五:使用npm来安装Electron的预编译二进制版本:

# 开发依赖安装
npm install electron --save-dev

# 或

# 全局安装
npm install electron -g