electron项目国产操作系统适配

Electron+Vue项目在国产麒麟系统上打包成AppImage的保姆级教程(附常见问题解决) 本文提供Electron+Vue项目在国产麒麟系统上打包成AppImage的详细教程,涵盖环境配置、项目创建、构建调试及打包优化全流程。特别针对麒麟系统的特性差异,提供常见问题解决方案,帮助开发者高效实现跨平台应用部署。 阅读详情
AI摘要

本文详细介绍了如何在国产操作系统上配置electron项目的开发环境,包括安装npm、node.js、vue-cli和vscode。在安装过程中,解决权限问题的方法也被提及。在打包环节,特别指出了在linux系统中图标格式的要求、加载URL的特定形式,以及package.json的必要配置。此外,文章还讨论了软件更新策略,强调了在不同系统如Windows和Linux上版本升级的区别。


Electron在Windows系统下不支持打包,需要在linux虚拟机或直接在linux系统中进行打包。
本次打包是在银河麒麟X86框架中进行的,需要自行安装npm、node.js、vue-cli、vscode等开发环境及工具。
本文档也介绍了在X86框架服务器中打包适配arm64框架的安装包。

一、安装npm、node.js、vue-cli、vscode等开发环境及工具

1、安装npm:

sudo apt install npm

2、安装node.js:

sudo apt install node

3、安装vue-cli脚手架:

sudo npm install -g @vue/cli

4、安装vscode:在商店里搜索直接安装

注意:
安装好以上环境后在vscode中运行项目,可能会出现报错:vue-cli-service: Permission denied
解决方法:
a、进入node_modules/.bin/
b、执行指令:ll,查看一下会发现该文件“vue-cli-service" 并没有可执行权限
c、更改权限,指令:chmod -R 755 ./*

二、linux系统打包注意事项

1、vue.config.js中linux设置中图标需是png格式,如果桌面图标不显示,需要设置desktop属性指定图片路径

"linux": {
   
   
	"target": "deb",  // X86框架
	// "target": [
    //     {
   
   
    //         "target": "deb",
    //         "arch": ["armv7l", "arm64"]
    //     }
    // ], // arm64框架
	"icon": "public/img/256x256.png",
	"category": "Development",<
electron 麒麟系统(Linux)无法创建桌面快捷方式 银河麒麟electron创建快捷方式 阅读详情

相关推荐

Electron-builder deb格式安装包运行于麒麟系统

在做公司项目时,突然新加的功能需求,特此记录下:项目背景: Umi.js + Electron-builder 打包,我们公司最初是umi.js 进行项目开发,开发完成之后新加的electron的需求,起初是windows的 .exe 安装包,后新加 国产麒麟系统的 .deb 格式包,所以不能按照传统的ELectron去开发,main.js主文件入口加载的是现有服务器的url地址,这样改动量少方便项目切换,话不多说,开整。

admin_feng0516的博客 2041

麒麟系统下Electron+Vue项目打包AppImage,我踩过的坑都帮你填平了(附完整配置)

本文详细介绍了在麒麟系统下使用Electron+Vue项目打包AppImage的完整流程,包括环境配置、package.json关键设置、常见问题解决方案及性能优化技巧。特别针对ARM架构的特殊性提供了实用建议,帮助开发者高效完成跨平台应用打包。

weixin_30645617的博客 400

Electron打包避坑指南:从electron-builder到国产系统分发的实战经验

桌面应用打包是把开发成果转化为可分发产品的关键环节,跨平台场景下其复杂性常被低估。electron-builder作为主流打包工具,通过配置文件驱动,能够为Windows、macOS及Linux生成对应安装包,实现在不同操作系统与CPU架构下的分发能力。然而,打包过程的实际落地,涉及依赖版本锁定、Electron二进制镜像下载、原生模块ABI重编译等一系列工程实践问题。尤其当目标环境为银河麒麟、统信UOS等国产系统时,交叉构建的限制、系统依赖库的缺失、桌面环境对托盘和图标的兼容差异,皆会导致“开发环境正常,

weixin_28832121的博客 352

Electron应用上架国产系统:手把手教你为龙芯LoongArch64打包合规的deb包

本文详细介绍了如何将Electron应用适配龙芯LoongArch64架构并打包成符合国产系统标准的deb包,涵盖环境配置、项目结构调整、deb包定制及上架优化等关键步骤,助力开发者顺利进入国产操作系统市场。

weixin_29274969的博客 396

麒麟系统下的Electron+Vue项目打包实战:AppImage和deb格式全攻略

将Electron和Vue结合起来,可以创建出功能强大的桌面应用程序。在国产麒麟操作系统下打包Electron+Vue项目,可以帮助应用程序更好地适配国产操作系统,提升用户体验。本文将详细介绍如何在麒麟系统下打包Electron+Vue项目,生成AppImage和deb格式的应用程序。本文将详细介绍如何在国产麒麟操作系统下打包Electron+Vue项目,并生成AppImage和deb格式的应用程序。通过本文的学习,读者可以掌握在麒麟系统下打包Electron+Vue项目的技巧,并在实际项目中得心应手。

qq_44103359的博客 1826

Electron-Egg vs 原生Electron:哪个更适合你的桌面开发需求?(详细对比)

本文深入对比了Electron-Egg与原生Electron在桌面开发框架中的优劣,从框架定位、开发效率、性能优化、安全机制、跨平台兼容性及生态维护六个维度进行分析。Electron-Egg凭借其工程化规范和预设功能显著提升开发效率,适合快速验证项目;而原生Electron则提供更高的灵活性和深度优化空间,适合性能敏感型应用。

e1f2g的博客 1013

Electron实战:URL打包、国产系统适配与自动化测试全解析

Electron作为基于Chromium的跨平台桌面应用框架,通过主进程与渲染进程分离、预加载脚本桥接等机制,能够将Web技术栈快速封装为原生应用。其核心价值在于一套代码覆盖Windows、macOS及Linux生态,尤其适合需要系统级能力(文件读写、托盘、快捷键)的复杂前端工程。然而在实际交付中,URL入口打包、自定义菜单与系统语言识别、国产Linux发行版(如银河麒麟)的依赖库与沙箱权限问题,以及基于Playwright的自动化测试,都是高频踩坑点。本文从这些问题出发,梳理了从构建配置到运行调试的系统化

weixin_30074763的博客 258

Electron应用上架国产系统:手把手教你为LoongArch64架构制作规范的deb包

本文详细介绍了如何为Electron应用在LoongArch64架构下制作符合国产系统规范的deb包。从环境准备、工具链配置到深度定制deb包内部结构,再到质量验证与上架准备,提供了全面的指南和实用技巧,帮助开发者顺利适配龙芯平台并上架国产操作系统。

weixin_28366053的博客 221

Electron + vue 打包桌面操作流程详解

提前准备一个vue项目,也可以使用初始的vue项目 vue init webpack 安装到后边有的会出现报错,可以忽略,启动npm run dev 启动成功就可以 在vue项目下执行下载以下依赖,会用到 cnpm install electron --save-dev cnpm install electron-packager --save-dev //这个是打成exe文件的插件,之后要用,提前下载好 获取Electron的资源 git clone https://github.com/electron/e... cd electron-quick-start cnpm install

STM32:TTL串口调试

TTL只需要两个线就可以完成两个设备之间的双向通信,一个发送电平的I/O称之为TX,与另一个设备的接收I/O口RX相互连接。两设备之间还需要连接地线(GND),这样两设备就有相同的0V参考电势。

superSmart_Dong的博客 5640

详解STM32F407双重ADC同步采集与DMA传输的配置技巧及实战应用

本文详细解析了STM32F407双重ADC同步采集与DMA传输的配置技巧及实战应用。通过CubeMX配置、代码实现和常见问题解决方案,帮助开发者高效实现多通道数据同步采集,提升工业自动化和嵌入式系统的数据采集效率与精度。

ii567的博客 364

自动驾驶入门到进阶完整指南:感知、预测、规划、端到端、仿真测评与场景挖掘全解析

对小白来说,不建议一开始直接冲端到端大模型。先学数据和坐标系:否则所有结果都看不懂。再学 LiDAR 3D 检测:最容易建立空间感。再学 BEV/多相机感知:这是当前主流。再学轨迹预测:理解交互和多模态。再学规划控制:理解车为什么这样开。再学仿真和闭环评测:理解 open-loop 和 closed-loop 差异。最后学端到端/VLM/VLA:这时候你才知道它到底替代了哪些模块。贯穿始终学习场景挖掘和安全测评:这是工业界最核心的能力之一。

u013250861的博客 394

HFSS实战:手把手教你设计一款小型化圆极化微带天线(附仿真文件)

本文详细介绍了使用HFSS设计小型化圆极化微带天线的完整流程,包括工程初始化、辐射贴片设计、仿真设置与优化等关键步骤。通过实战案例,帮助工程师掌握圆极化天线设计技巧,解决轴比控制和耦合馈电匹配等核心问题,适用于物联网终端和便携式设备应用。

weixin_32770423的博客 339

VTK-9.5.0 1D2D3DWidget实现灰度图+深度图+3D点云显示(可轻松集成到自己的项目)

VTK1D2D3DWidget是一个基于Qt和VTK开发的3D点云可视化工具,支持RGB和深度点云数据的显示与处理。主要功能包括点云加载、可视化、保存为PLY格式文件,以及背景颜色、点间隔、坐标轴显示等参数的自定义设置。该工具采用模块化设计,核心组件包括主窗口管理类、VTK渲染组件和自定义鼠标交互样式,依赖Qt5+和VTK9.5.0库实现跨平台支持。项目提供完整的源码和构建指南,适用于点云数据的快速展示与分析。

Qt历险记,专注Qt技术,三年医疗设备研发经验,1年机器视觉研发经验,半年柔性传感研发经验。 385

130、NPU的仿真测试:使用Gem5进行全系统仿真

这篇文章摘要(149字): 本文分享了使用Gem5全系统仿真器验证NPU设计的实践经验。作者通过搭建自定义NPU模型并集成到Gem5系统中,实现了CPU-NPU-内存协同仿真。关键点包括:1) 使用SimObject机制构建可配置的NPU模型;2) 合理配置IO和内存总线避免访问冲突;3) 开发Linux驱动实现CPU与NPU通信;4) 利用Gem5调试功能监控内部状态。相比RTL仿真和FPGA验证,该方法能快速验证微架构设计并定位系统级问题,有效减少了流片风险。文章特别强调了时钟域配置、总线仲裁、对齐访问

m0_50546716的博客 122

Jenkins部署前后端分离项目最全图文教程(手把手教学)

最近Jenkins部署的热度比较高,于是就想出一篇关于我是如何使用Jenkins部署前后端分离项目的,本篇记录了我是如何一步一步去配置、搭建和部署的完整流程,每一行代码都进行了实测和讲解,通过图文的教学写成博客分享给大家!

黄团团的个人博客 4780

8、Windows 部署ollama

一个本地运行大模型的集成框架,目前主要针对主流的LLaMA架构的开源大模型设计,通过将模型权重、配置文件和必要数据封装进由Modelfile定义的包中,从而实现大模型的下载、启动和本地运行的自动化部署及推理流程。此外,Ollama内置了一系列针对大模型运行和推理的优化策略,目前作为一个非常热门的大模型托管平台,已被包括LangChain、Taskweaver等在内的多个热门项目高度集成。

Andy_shenzl的博客 1131

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员,提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列,各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性,请参见数据手册。有关 ARM Cortex™-M4F 内核的信息,请参见《Cortex™-M4F 技术参考手册》。

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)

上一篇: el-cascader多选级联选择器,取值为最后一级数据
下一篇: vue项目中的word、pdf文件预览
dfdlife
博客等级 码龄6年 8粉丝 18原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值