electron项目运行和打包

本文简要介绍了 HarmonyOS 应用的开发与上架流程，包括开发者注册、DevEco Studio 安装、ArkTS 编程、调试打包、签名与发布流程，并补充了跨平台开发方法，如官方 ArkUI-X 框架与第三方工具（Flutter、React Native 等），帮助开发者实现一次开发多平台部署。

摘要： 本文介绍了基于开源鸿蒙PC平台的连连看小游戏开发，采用HTML5+CSS3+JavaScript技术栈，结合Electron（鸿蒙定制版）运行环境。项目包含完整的中文菜单栏、游戏计时计分功能，以及核心的游戏逻辑实现，如随机生成游戏板、方块匹配检测等。通过详细的代码示例展示了菜单栏创建、游戏板生成及匹配逻辑的实现方法，为开发者提供了鸿蒙应用开发的实践参考。项目结构清晰，适合作为鸿蒙生态的入门开发案例。

随着华为鸿蒙的不断更新，更多的设备类型和场景都能被支持，而且明年还将彻底抛弃安卓的底层代码，摆脱了套皮安卓的鸿蒙能否在如今的市场上与安卓和IOS抗衡？我们都清楚安卓系统是目前全球最流行的移动操作系统，拥有庞大的用户基数和应用生态。鸿蒙系统如果想要在市场上取得一席之地，就必须要有足够多的优质应用来吸引用户。然而，鸿蒙系统并不兼容安卓应用，这意味着开发者需要重新开发或适配应用才能在鸿蒙系统上运行。这无疑增加了开发者的成本和风险，也影响了用户的切换意愿。

将 Electron 移植到鸿蒙平台是一个极具挑战性的工程，涉及跨平台、跨语言、跨架构的多重技术难题。适配器模式: 40+ 系统适配器桥接两个生态原生桥接: libadapter.so 实现 ArkTS 与 C++ 的双向调用依赖注入: InversifyJS 构建松耦合的模块系统XComponent 渲染: 原生渲染管道支持 Chromium 内容多进程架构: 保持 Electron 的进程隔离模型这个项目不仅是技术移植，更是对跨平台开发理念的一次深入实践。

记录一下 由于windows下无法成功使用electron-builder打出linux包 https://blog.csdn.net/weixin_42050406/article/details/106722691 于是在linux下搞一搞 首先是运行的时候 peError: Cannot read property 'on' of undefined at startElectron (/root/virt-access/virt-access/.electron-vue/dev-runne

记录一下javascript因为windows下没法成功使用electron-builder打出linux包https://blog.csdn.net/weixin_42050406/article/details/106722691vue因而在linux下搞一搞java首先是运行的时候peError: Cannot read property 'on' of undefinedat startE...

可以运行的electron开源小项目 文章目录可以运行的electron开源小项目1. vue-electron-notes笔记软件安装依赖本地启动项目构建安装包2 Electron API 演示(中文版)构建3. wallhaven-electron4. 番茄钟????⏰5.electron-egg 模板6.tasky 前阵子为了学习一下electron,找了不少开源小项目来练手，现在汇总一下。 可惜对前端编程不是很熟悉，只是学了一点皮毛，记录一下这些项目，供以后再来学习。 1. vue-electr

使用electron-egg把vue项目在linux Ubuntu环境下打包并安装运行完整教程

Electron是一个开源框架，可借助JavaScript、HTML和CSS构建跨平台桌面应用。它结合Chromium和Node.js，开发者能复用Web技术。众多知名应用如VS Code、Slack都用它开发，具备高效、灵活的特点。是一个为Electron应用量身打造的打包工具。它能把Electron应用打包成可在不同操作系统（如Windows、Mac、Linux）上直接安装运行的格式。支持自动更新、签名等功能，操作简单且功能强大，能大幅提升应用发布效率。依赖版本electron28.1.0。

执行打包命令： electron-packager . app --win --out sysApp --arch=x64 --electron-version 1.4.14 --overwrite --ignore=node_modules

创建项目 有一个可运行的react项目 create-react-app electronbuilderdemo 执行npm start 出现以下页面就是运行成功 设置淘宝镜像 打包过程中会下载插件安装，如果没有设置镜像，直接从gihub下载，几乎会卡死 执行命令 npm config edit 将以下代码复制进文件中 electron_mirror=https://npm.taobao.org/mirrors/electron/

Electron提供了两个打包工具，本文将分别尝试使用两个工具对项目打包，并分析其打出来的包的结构。一、使用electron-builder打包先安装此工具：npm install electron-builder -g确认是否安装成功：这里是以官方以供的electron-quick-start项目作为例子打包，这个项目的仓库：打包前需要先为项目添加一些打包选项，编辑项目根目录下的文件，为其添加b...

Electron-vue就是基于vue来构造electron应用程序的样板代码。electron-vue充分利用vue-cli作为脚手架工具，加上拥有vue-loader的webpack、electron-packager或是electron-builder，以及一些最常用的插件，如vue-router、vuex、axios等等。...

Electron 是一个使用 JavaScript, HTML 和 CSS 构建跨平台桌面应用程序的开源库。能够运行在 Windows、macOS 和 Linux 上。集成现代Web API：可以访问现代 Web API，如地理位置、通知等。复杂界面设计：利用 HTML 和 CSS 的强大功能，可以创建复杂的用户界面。插件和扩展：可以集成第三方插件和扩展，增强应用功能。像流行的【微软开发的免费、开源的代码编辑器。微软的团队协作平台。Notion】一个组织笔记、任务和项目的协作工具。

Electron提供了两个打包工具，本文将分别尝试使用两个工具对项目打包，并分析其打出来的包的结构。一、使用electron-builder打包先安装此工具：确认是否安装成功：这里是以官方以供的electron-quick-start项目作为例子打包，这个项目的仓库：打包前需要先为项目添加一些打包选项，编辑项目根目录下的package.json文件，为其添加build选项：然后在项目的根路径下执行...

1、检查是否安装了node 输入node -v和npm -v 查看node和npm是否安装好，Windows下没有安装好的参考教程《Windows下NodeJS安装与npm环境变量配置》，如果是Linux项目参考教程《linux安装nodejs》。 安装完成后，可以把镜像换成淘宝的，之后下载一些东西速度会快一点，在命令行输入npm install cnpm -g --registry=https://registry.npm.taobao.org，全局安装cnpm。之后下载慢的话直接用cnpm instal

正确安装Electron、Electron-quick-start和Electron Forge

electron将vue项目打包为exe程序