位置: IT常识 - 正文

Electron 分享(入门,安装,打包)(electronx)

编辑:rootadmin
Electron 分享(入门,安装,打包) Electron

推荐整理分享Electron 分享(入门,安装,打包)(electronx),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:electron deno,electronlic,electron file,electron怎么样,electron + go,electronlic,electronlic,electron chain,内容如对您有帮助,希望把文章链接给更多的朋友!

Electron 是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架

安装

在使用 Electron 进行开发之前,需要安装Node.js,可以在终端输入以下命令输出了 Node.js 和 npm 的版本信息:

node -vnpm -v

没有安装的话,可以点击此处的安装教程

接下来就是安装 Electron : 我们可以两种安装方式

全局安装

npm install electron -g

【加g是全局安装,自动添加到环境变量中】

可以通过输入以下命令,弹出类似浏览器的程序,来验证安装成功:

electron

如果遇到 npm 安装Electron 很慢或者出错可以使用淘宝镜像安装:

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

或者先安装 cnpm ,再使用 cnpm 安装Electron

如果以上都不行的话,我们就只能去采用下载合适自己的 electron.zip https://registry.npmmirror.com/binary.html?path=electron/

文章这里下载的是 electron-v22.0.0-win32-x64.zip

我们把下载的zip包放到我们全局安装的目录的electron文件夹下面: 这里我们需要修改一下 install.js 文件: 注释该块代码 增加语句

extractFile('electron-v22.0.0-win32-x64.zip');

我们可以看到 extractFile 方法传递的参数就是一个zip包的路径 修改完 install.js 文件后,我们终端打开全局安装的目录下的electron目录,执行 node install.js 命令,生成出 dist 文件夹:

node install.js

到了这一步骤,则代表我们全局安装 Electron 已经成功!!!

快速开始

我们可以 git 克隆下来 Electron 官方快速开始的应用:

git clone https://github.com/electron/electron-quick-start

进入项目安装依赖:

cd electron-quick-startnpm installElectron 分享(入门,安装,打包)(electronx)

我们可以通过以下两种方式运行项目:

electron .npm start

npm start 其实也是运行 electron . 命令

看到这,就代表已经运行成功啦!!!

打包

注意: Electron 不能跨平台去打包,只能在当前平台上打包当前平台的应用,Windows系统只能打包Windows的包

采用两种方式打包:

electron-packager(操作简单,打包成运行目录)

使用electron-packager打包特点:

操作简单,打包后的目录就是程序的运行目录,相当于已经安装过,不用安装操作后才能运行,如果需要打包成安装器,需要使用electron-builder打包

安装electron-packager:

npm install electron-packager --save-devnpm install electron-packager -g

快速打包命令:

electron-packager .

打包命令配置:

electron-packager <sourcedir> <appname> --platform=<platform> --arch=<arch> --out=out --icon=assets/app.ico --asar --overwrite --ignore=.git

sourcedir:项目源文件所在路径(唯一的必须参数) appname:项目名称(直接使用package.json文件中的name属性更方便) platform:要构建哪个平台的应用(Windows、Mac 还是 Linux) arch:构建架构 包含ia32,x64,armv7l,arm64 out:打包后的地址 icon:打包图标 asar:是否生成app.asar, 不然就是自己的源码 overwrite:覆盖上次打包 ignore:不进行打包的文件

electron-builder(相对复杂,打包成安装器)

使用electron-builder打包特点:

操作相对比较复杂,能够打包成安装器,能自定义打包方式,可以说electron-builder比electron-packager更加高级

安装yarn(electron-builder打包依赖yarn):

npm install -g yarn

安装electron-builder:

npm install -g electron-builder

配置package.js文件的script节点:

"scripts": { "start": "electron .", "pack": "electron-builder --dir", "postinstall": "electron-builder install-app-deps", "dist": "electron-builder", "dist-win": "electron-builder --win --ia32", "dist-win64": "electron-builder --win --x64", "dist-mac": "electron-builder --mac", "dist-linux": "electron-builder --linux" }

运行编译打包命令:

编译

yarn postinstall

打包windows 64位应用命令

yarn dist-win64

可以直接运行图中的.exe

运行之后,应用程序的文件则是放在: 到此为止,已经打包成功了!!!

本文链接地址:https://www.jiuchutong.com/zhishi/293090.html 转载请保留说明!

上一篇:学AutoSAR,敢不知道.arxml?(auto learn)

下一篇:伯里圣埃德蒙兹镇的修道院公园,英国萨福克郡 (© Charles Martinez/Amazing Aerial Agency)(伯里圣埃德蒙兹的人口)

  • 视频号秒取消赞对方会看到么(视频号秒取消赞后好友还会收到推送吗)

    视频号秒取消赞对方会看到么(视频号秒取消赞后好友还会收到推送吗)

  • 手机qq和平板qq怎么同时在线(手机qq和平板qq怎么互传文件)

    手机qq和平板qq怎么同时在线(手机qq和平板qq怎么互传文件)

  • 华为荣耀20Pro手机自定义图标怎么弄(华为荣耀20pro手机参数配置)

    华为荣耀20Pro手机自定义图标怎么弄(华为荣耀20pro手机参数配置)

  • 微信不能视频聊天怎么回事(微信怎么开视频号)

    微信不能视频聊天怎么回事(微信怎么开视频号)

  • 拼多多店铺活跃度是什么意思(拼多多店铺活跃度不够怎么办)

    拼多多店铺活跃度是什么意思(拼多多店铺活跃度不够怎么办)

  • 拼多多只能一件一件买吗(拼多多只能一件件付款吗)

    拼多多只能一件一件买吗(拼多多只能一件件付款吗)

  • 微信投诉对方管用吗(微信投诉对对方知道吗)

    微信投诉对方管用吗(微信投诉对对方知道吗)

  • 华为nova5pro可以遥控空调吗(华为nova5pro可以开空调吗)

    华为nova5pro可以遥控空调吗(华为nova5pro可以开空调吗)

  • 魅族17防水吗(魅族17防不防水)

    魅族17防水吗(魅族17防不防水)

  • 微信操作过于频繁是什么意思(微信操作过于频繁不能自助解冻怎么办)

    微信操作过于频繁是什么意思(微信操作过于频繁不能自助解冻怎么办)

  • 光猫的光纤灯一直闪(光猫的光纤灯一直闪烁是什么原因)

    光猫的光纤灯一直闪(光猫的光纤灯一直闪烁是什么原因)

  • 怎么重启(怎么重启抖音)

    怎么重启(怎么重启抖音)

  • 主码候选码外码的定义(主码,候选码,外码的联系和区别 并解释术语)

    主码候选码外码的定义(主码,候选码,外码的联系和区别 并解释术语)

  • id地址是什么意思(id地址怎么填写)

    id地址是什么意思(id地址怎么填写)

  • 陌陌保存视频到哪里找(陌陌里面的视频保存到哪里了?)

    陌陌保存视频到哪里找(陌陌里面的视频保存到哪里了?)

  • word底纹颜色怎么设置(word底纹颜色怎么搞)

    word底纹颜色怎么设置(word底纹颜色怎么搞)

  • 快手怎么看在线人数(快手怎么看在线状态)

    快手怎么看在线人数(快手怎么看在线状态)

  • 视频怎么把腿拉长(视频怎么把腿拉短)

    视频怎么把腿拉长(视频怎么把腿拉短)

  • 苹果电池优化打开还是关掉(苹果电池优化打开还是关掉贴吧)

    苹果电池优化打开还是关掉(苹果电池优化打开还是关掉贴吧)

  • 苹果11怎么设置指纹解锁(苹果11怎么设置动态壁纸)

    苹果11怎么设置指纹解锁(苹果11怎么设置动态壁纸)

  • 华为jattl00是什么型号(华为trtal00什么型号)

    华为jattl00是什么型号(华为trtal00什么型号)

  • 华为p30有来电闪光吗(华为p30有来电闪光功能吗)

    华为p30有来电闪光吗(华为p30有来电闪光功能吗)

  • python如何在word中读取表格内容(python如何在一个文件中运行另一个文件)

    python如何在word中读取表格内容(python如何在一个文件中运行另一个文件)

  • 公司车保险费用高么
  • 劳务合同印花税税目
  • 初税亩是什么意思
  • 利润表的期末余额
  • 月利润报表怎么制作
  • 7月薪资8月发怎么交税
  • 电子税务局怎么添加购票人
  • 高新技术企业所得税减免怎么算
  • 应付福利费余额在借方
  • 费用退回怎么做账
  • 公司新装宽带怎么做账?
  • 增值税专用发票和普通发票的区别
  • 案例分析建筑业发展趋势
  • 企业所得税税前不得扣除的项目
  • 半成品牛排有营养吗
  • 未在规定期限内发出追索通知
  • 工程会计做账流程及会计分录
  • 30万以下免征附加税包含30万吗
  • 居间合同怎么签才算有效
  • 分红未及时扣缴税款要缴滞纳金吗?
  • 委托研发受托方怎么做账
  • 公司零报税需要会计吗
  • 买一赠一使用规则
  • 支付个人利息没有取得发票
  • 上个月印花税少计提了怎么办
  • 已抵扣未认证的发票
  • 委托加工物资成本计入
  • linux计划任务crontab
  • 苹果11怎么充不上电了
  • Windows10如何禁止电脑自动安装软件
  • mac怎么隐藏app
  • win11预览版dev改beta
  • 弗拉维亚王朝
  • 销售使用过的机器设备如何缴纳增值税
  • React18的useEffect会执行两次
  • 非盈利组织固定资产没入帐 怎么调账
  • 冲销进项税
  • 盈余公积调减
  • 收押金退押金会计分录
  • 如何区分误餐费和补助费
  • 高新技术企业认定八大条件
  • dedecms转eyoucms
  • 企业应付账款明细表
  • python线程间通信的几种方法
  • 拍卖收入个人所得税
  • 财务报表如何看
  • 减免增值税优惠政策
  • 预付卡的增值税处理
  • 开个人劳务票需要本人去吗
  • 房地产公司收到客户违约金会计科目
  • 小规模纳税人的税率是多少
  • 计提和发放工资的会计科目
  • 清算期间研发费怎么算
  • 医院药品进销差价会计核算
  • 预计负债的账务处理
  • 出口退税申报需要手动录入什么信息呢
  • 免税农产品怎么开发票
  • 总资产法怎么计算公式
  • 合伙企业所得税率
  • 领用材料属于什么会计分录
  • 依法建账的法是指
  • Suse Linux 10中MySql安装与配置步骤
  • Navicat for MySQL导出表结构脚本的简单方法
  • win7系统如何重新分区
  • 方正怎么从u盘进pe
  • win10苹果版
  • backtrack5教程
  • 在centos7中,一般用( )命令来查看网络接口的状态
  • win10激活突然失效
  • 电脑中毒蓝屏了怎么办修复
  • cocos2d开发的知名游戏
  • <Unity3D>Unity3D GUI控件
  • opengl编程语言
  • Cocos2dx3.2 Crazy Tetris update 定时更新 游戏逻辑处理
  • IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案
  • python递归查找
  • python t()
  • unity5权威讲解
  • jqueryui draggable
  • 金条如何销售
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设