位置: 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)(伯里圣埃德蒙兹的人口)

  • 小爱音箱如何当扩音器(小爱音箱如何当电视音响)

    小爱音箱如何当扩音器(小爱音箱如何当电视音响)

  • 华为月亮模式如何打开(华为月亮模式是什么意思)

    华为月亮模式如何打开(华为月亮模式是什么意思)

  • 浏览网页被清除能恢复吗(浏览器浏览的网址清除了怎么找回)

    浏览网页被清除能恢复吗(浏览器浏览的网址清除了怎么找回)

  • 怎么设置呼叫转移的电话号码(怎么设置呼叫转移关机)

    怎么设置呼叫转移的电话号码(怎么设置呼叫转移关机)

  • 关闭了优化电池还是只能充80(关闭了优化电池充电还是很慢)

    关闭了优化电池还是只能充80(关闭了优化电池充电还是很慢)

  • 手机距离感应器重要吗(手机距离感应器坏了影响大吗)

    手机距离感应器重要吗(手机距离感应器坏了影响大吗)

  • 淘宝怎么追评第二次(淘宝怎么追评第三次加上图片)

    淘宝怎么追评第二次(淘宝怎么追评第三次加上图片)

  • 微信和手环步数不统一(微信和手环步数不一样)

    微信和手环步数不统一(微信和手环步数不一样)

  • macbook开机键在哪(macbookpro 开机键)

    macbook开机键在哪(macbookpro 开机键)

  • 微信朋友圈秒赞是设置的吗(微信朋友圈秒赞网站)

    微信朋友圈秒赞是设置的吗(微信朋友圈秒赞网站)

  • 群成员退群群主能看到吗(群成员退群群主会知道吗)

    群成员退群群主能看到吗(群成员退群群主会知道吗)

  • 华为体脂秤怎么连接手机(华为体脂秤怎么重置)

    华为体脂秤怎么连接手机(华为体脂秤怎么重置)

  • word2010添加目录(word03如何添加目录)

    word2010添加目录(word03如何添加目录)

  • 关于电脑的谜语大全(有关电脑的谜题)

    关于电脑的谜语大全(有关电脑的谜题)

  • 云服务是什么(中国移动资产上云服务是什么)

    云服务是什么(中国移动资产上云服务是什么)

  • 华为p20返回键失灵怎么办(华为p20返回键不灵敏)

    华为p20返回键失灵怎么办(华为p20返回键不灵敏)

  • 付款方式无效什么意思(付款方式都无效)

    付款方式无效什么意思(付款方式都无效)

  • ios录音误剪怎么恢复(ios录音误剪怎么取消)

    ios录音误剪怎么恢复(ios录音误剪怎么取消)

  • 电脑合成图片怎么做(电脑合成图片怎么操作)

    电脑合成图片怎么做(电脑合成图片怎么操作)

  • 华为手机时间24小时怎么设置(华为手机时间24小时制怎么设置)

    华为手机时间24小时怎么设置(华为手机时间24小时制怎么设置)

  • word中如何设置所有页眉都不同(word中如何设置页码从正文开始)

    word中如何设置所有页眉都不同(word中如何设置页码从正文开始)

  • 美团如何退电影票(美团如何退电影券)

    美团如何退电影票(美团如何退电影券)

  • 几个云服务器常用端口号与对应的服务整理(云服务器可以一直开着吗)

    几个云服务器常用端口号与对应的服务整理(云服务器可以一直开着吗)

  • 委托贷款利息收入需要缴纳增值税么
  • 交通费中的高速费怎么算
  • 零申报公司注销麻烦吗
  • 房改房增值税
  • 工会差旅费如何做账
  • 事业单位收到借款分录
  • 低值易耗品怎么报废
  • 现金流量表关注指标
  • 制造费用折旧费怎么结转
  • 个调税手续费会计分录怎么写?
  • 要注销的企业多久能注销
  • 视频制作费属于劳务费吗
  • 二手房房产税税率
  • 税控盘怎么使用
  • 加计扣除汇算清缴怎么调减
  • 一次还本付息摊余成本计算公式
  • 上月预付款项 这月开了发票会计分录
  • 小规模开票后的分录怎么做
  • 资产减值损失如何结转本年利润
  • 银行账户注销以后预留印鉴
  • 代扣代缴手续费要交增值税吗
  • 小企业会计准则成本核算方法选什么
  • 上年计提的费用往来,能冲回吗
  • 附加税的税率是多少2023年
  • 预提费用利息会增加吗
  • 上市公司的股份可以转卖吗
  • 如何处理库存差异问题
  • phpemail正则
  • 电脑没有声音问题
  • 母公司向子公司注入资产
  • 哪个是发票抵扣项目
  • 工资申报怎么写
  • 敬老院利润分析
  • Otter Cliffs, Acadia National Park, Maine (© dbimages/Alamy)
  • 日出的时候是圣诞节
  • 在建工程盘盈计入什么
  • jsonobject忽略字段
  • 废旧物资回收企业所得税优惠政策
  • php产品
  • 劳务所得和经营所得有啥区别
  • redirect_uri参数错误的解决方法(必看)
  • php添加
  • typescript中文
  • 订单超时十分钟
  • php curl_init
  • 港股上市公司股票代码
  • ca证书在线延期不成功
  • RedHat6.5/CentOS6.5安装Mysql5.7.20的教程详解
  • 织梦网站特有标识
  • 织梦如何开启会员功能
  • 科技局创业扶持资金
  • 现金流量表中的现金流量包括哪些
  • 营业账簿印花税申报流程
  • 印花税计入税金及附加科目吗
  • 一般纳税人可以开3%的发票吗
  • 公司购烟酒怎么入账
  • 应收账款科目如何核算
  • 银行利息回单怎么报账审核
  • 支付职工培训费是什么科目
  • 错误原始凭证怎么写
  • sql-3
  • ssms连接mysql
  • win2008远程桌面闪退
  • win7 计划任务服务启动失败
  • hmies.exe是什么
  • windows8.1显卡驱动
  • Linux系统怎么安装gz包软件
  • cocos2d怎么用
  • python到底怎么学
  • perl命令行参数内建数组
  • nodejs word
  • javascript声明变量的语句
  • nodejs如何使用
  • 建立虚拟局域网有什么好处
  • android开发教程视频
  • android应用程序的主要语言是
  • 安卓端数据库
  • animate怎么整个图层移动
  • javascript零基础
  • 无锡税务举报网站
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设