electron 环境部署

electron 环境部署

概述

​ eletron是一种跨平台的构建桌面app的一种解决方案。你可以把它看做是node+Chromium 的一个载体或者集合体。本人在electron早期的版本0.33版本就开始运用到开发中，趟过不少坑。LayaFlash的第一款IDE就是用的electron开发，后来引擎升级于是集成了vscode，进行vscode的二次开发，开发出来现在的LayaAirIDE。 庆幸的是electron越来越完善。关于它的更多的介绍读者可以去官网看相关的介绍。中文网推荐大家去这里.这里更新速度也很快。 本教程只是快速的带着开发者进入实战，创建一个自己的app。

环境搭建。

​ electron集成的node，所以在开发自己的app过程中难免会用到node的模块，或者其他的npm的工具。所以安装node也是必要的。首先到node的官网去下载nodejs，下载地址https://nodejs.org/en/。下载完成之后一路next安装就可以。下载安装完成之后打开命令行:

node -v 

假如打印出相应的版本号表明已经安装成功。

​ 接下来我们要下载electron的底层运行环境。开发者可以去他指定官网地址下载，但是天朝的网络很容易被墙或者下载的事龟速。所以笔者建议开发者去淘宝的镜像下载。或者安装cnpm。这里笔者安装的事cnpm。通过cnpm下载安装。

​ 安装cnpm 。首先打开命令行，全局进行安装cnpm输入命令行：

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

等待安装完成即可。cnpm安装完成之后我们就可以下载electron啦。命令行继续输入：

cnpm install -g electron

等待下载完成后 命令行输入

electron

假如出现如下图所示的画面，那么恭喜你，已经成功一半啦。

为了开发方便我们把electron的运行环境单独复制出来。

上图中的C:\Users\wzh\AppData\Roaming\npm\node_modules\electron\dist\就是运行环境需要的所有文件。

这里我复制到e盘，修改文件夹的名字为