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以上的

 

2. Electron 的安装

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

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

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

 

3.打包输出工具

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

 

 

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

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

 

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

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

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

 

转载于:https://www.cnblogs.com/lightmusic/p/11403736.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值