Electron的环境配置

简单来说,Electron是用于桌面开发的框架。

在安装环境前,先从github下载项目demo》https://github.com/electron/electron-api-demos

环境配置过程比较冗长,请确保足够耐心。。

Electron项目运行的前提环境

1.node.js的安装

首先进入node.js官网下载node.js,路径https://nodejs.org/en/  下载完毕 就开始安装node.js  安装完毕后,我们可以在命令行里面就行查看是否成功和查看版本           

版本要求10.0.0以上的

Electron的环境配置

 

2. Electron 的安装

下载项目后,直接用编辑器打开该项目,在该项目根目录下直接输命令

接下来就开始搭建Electron的环境在命令行里面输入npm install -g electron进行全局安装

其中,查看electron是否安装成功可通过命令 electron -v 查看。

Electron的环境配置

 

3.打包输出工具

为了方便最终成果输出,建议安装electron-packager工具,安装也很简单,建议以下面的命令全局安装:npm install -g electron-packager

 Electron的环境配置

 

4.svn剪切把数据 存储下来 放好在制定的目录。在命令行跳转到指定的目录(即从github上下载下来的项目)进行 npm run dev ,进行成功后  

就可以编译了,命令行输入npm run build  成功后 就算完成了。

 

注意:你按照以上步骤的时候,事实上并不会这么顺利,比如前三步安装完后,执行第四步的命令npm run dev,可能会报某某模块不存在,

直接【npm install 缺失的模块】安装依赖,安装好后继续运行npm run dev,发现可能还会报某某缺失,继续循环这样的做法,直到不报错。

记得不要忘记运行前构建一下项目【npm run build】,之后运行项目【npm run dev】都不报错且弹出了应用窗体则代表项目运行成功,即环境配置完成!!

Electron的环境配置