Electron - 创建跨平台的桌面客户的应用程序

最新推荐文章于 2026-01-08 23:29:03 发布
转载 最新推荐文章于 2026-01-08 23:29:03 发布 · 104 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://yq.aliyun.com/articles/487785
文章标签：

#javascript #前端 #ViewUI

Electron是一个开源框架，允许开发者使用JavaScript、HTML和CSS构建跨平台的桌面应用程序，支持Mac、Windows和Linux系统。

　　Electron 框架的前身是 Atom Shell，可以让你写使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序。它是基于io.js 和 Chromium 开源项目，并用于在 Atom 编辑器中。Electron 是开源的，由 GitHub 维护，有一个活跃的社区。最重要的是，Electron 应用服务构建和运行在 Mac，Windows 和 Linux。

 

 

在线演示      源码下载

　

您可能感兴趣的相关文章

 

本文链接：Electron - 创建跨平台的桌面客户的应用程序

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者：山边小溪
主站：yyyweb.com 记住啦：）
欢迎任何形式的转载，但请务必注明出处。

Electron - 跨平台桌面应用开发工具的使用总结
m0_37728716的博客
05-16 1569
width: 80,frame: false, // 透明窗口transparent: true, // 透明窗口backgroundColor: '#00000000', // 透明窗口autoHideMenuBar: true, // 透明窗口})
Vue+electron-vue跨平台桌面应用开发实战教程（一）
程序客栈
11-02 2343
Vue+electron-vue跨平台桌面应用开发实战教程（一）前言创建项目1.快速安装Vue项目2.集成electron3.运行程序 前言 本文将带领大家使用Vue + electron-builder 搭建桌面应用。 使用到的工具：IDEA 2021、node 创建项目 1.快速安装Vue项目 通过Ctrl/Command+alt+S快捷键打开idea的 Settings（设置）页面，在左侧目录 Plugins（插件）中搜索 Vue。博主这边已经安装过，未安装的小伙伴可以点击Install ，为以后创
使用Electron创建跨平台桌面应用
baidu_35437537的博客
06-30 1082
[转]使用Electron创建跨平台桌面应用,网页链接查看更多点击网页连接 [转]使用Electron创建跨平台桌面应用,网页链接查看更多点击网页连接
electron 安装import_Electron-Vue 创建跨平台桌面应用程序 UI
weixin_39657575的博客
12-21 421
0. 开发准备安装好 vscode 、npm / yarn，安装方法见百度。1. Electron-vue 安装# 如果没有 vue-cli 的话需要全局安装npminstall -g vue-cli# 然后使用 vue-cli 来安装 electron-vue 的模板vue init simulatedgreg/electron-vue grpc-client-electron-vue# 安装依...
【实战】学习 Electron：构建跨平台桌面应用
热门推荐
程序边界
10-18 1万+
Electron 最早由 GitHub 开发，它允许开发者使用 Web 技术来构建桌面应用程序。Electron 基于 Node.js 和 Chromium，这两个都是开源项目，因此 Electron 有着丰富的生态系统和文档支持。使用 Electron，开发者可以创建使用 HTML、CSS 和 JavaScript 构建的跨平台桌面应用程序，这些应用程序可以在 Windows、macOS 和 Linux 上运行。
构建跨平台桌面应用的Electron-Vue项目指南
weixin_35972981的博客
07-29 800
在现代桌面应用开发领域，Electron-Vue提供了一个结合Vue.js和Electron的强大框架。开发者可以借助Vue.js丰富的组件生态快速搭建用户界面，同时利用Electron的强大后端能力，实现跨平台桌面应用的构建。Electron-Vue是一个基于Vue.js和Electron的框架，它让开发者能够使用Vue单文件组件（Single File Components, SFCs）来构建桌面应用的用户界面部分，而Electron提供了底层的渲染和运行机制。
Electron----桌面应用开发框架
weixin_41978174的博客
07-22 8023
Electron 是一个开源框架，旨在使用 Web 技术（如 HTML、CSS 和 JavaScript）开发跨平台的桌面应用。它结合了 Chromium 和 Node.js，使开发者能够构建具有原生应用体验的桌面应用程序，同时使用熟悉的 Web 开发工具和技术。它的灵活性、强大的功能和良好的社区支持使得它成为构建现代桌面应用的热门选择。：负责管理应用的生命周期、创建和管理窗口以及处理系统级别的 API 请求。：提供了简化的工具链来创建、开发、打包和发布 Electron 应用。类来创建和管理应用窗口。
electron用HTML构建跨平台的桌面应用程序
Made In SQL
05-06 1150
Electron 是一个由 GitHub 开发并开源的框架，允许开发者使用 Web 技术（HTML、CSS 和 JavaScript）构建跨平台的桌面应用程序。
精选资源
Electron + Vue3 跨平台的桌面应用程序开发框架
06-19
使用Vue3+Electron+ElementPlus创建跨平台桌面系统 1.可以动态修改配置服务地址访问 2.打包后可以在安装程序中修改网站或者系统服务地址进行访问 3.可以进行拓展安装到各web平台系统中 4.可以拓展类似浏览器窗口
13章完结Electron+Vue3+AI+云存储-实战跨平台桌面应用
12-02
随着技术的发展，跨平台桌面应用的需求日益增长，PyQT作为一个强大的Python绑定库，使得开发者能够使用Python语言快速构建跨平台的桌面应用程序。PyQT不仅简化了界面开发的过程，还提供了丰富的API和控件，使得...
精选资源
使用electron+vue集成跨平台桌面应用程序
03-17
在现代Web开发中，利用 Electron 和 Vue.js 集成技术可以轻松地创建跨平台的桌面应用程序。 Electron 是一个基于Chromium和Node.js的框架，它允许开发者使用Web技术（HTML、CSS和JavaScript）来构建桌面应用。Vue.js...
Vue 2 项目中 template 使用可选链 ?. 导致的诡异编译报错及 webpack loader 配置坑
GhostPaints的博客
01-05 883
最近在维护一个基于 Vue 2 的老项目（RuoYi-Vue 框架衍生）时，遇到一个特别诡异的编译问题：同一个项目，使用 pnpm run dev（连接测试环境）一切正常，但切换到 pnpm run dev:local（连接本地后端）时，启动就直接报错，错误信息指向 template 中的可选链运算符?这让我百思不得其其解——Vue 2.7 明明官方支持 template 中的?.，为什么本地环境就炸了？。
前端组件级权限控制
马优晨
01-06 332
前端组件级权限控制通过统一管理权限数据，采用声明式或编程式方式在组件层面进行校验。核心方案包括：1）指令式控制（适合按钮/小组件），通过自定义指令如v-permission实现；2）组件封装式控制（适合通用组件），封装<Permission>容器组件；3）编程式控制（适合复杂逻辑），在JS中直接判断权限。所有方案都需配合后端接口校验防止权限篡改，并适配不同框架如Vue、React和Angular。关键点是先规范权限数据管理，再选择适合的控制方式，同时确保后端兜底校验。
基于深度学习的刑事案件智能分类系统
最新发布
Python极客之家
01-08 692
本项目旨在开发一个基于深度学习的刑事案件智能分类系统，利用自然语言处理（NLP）、机器学习（Machine Learning）和深度学习（Deep Learning）技术，对案情描述文本进行自动分析和分类。该系统能够辅助公安机关快速识别案件类型（如刷单返利类、虚假网络投资理财类、冒充公检法类等），提高办案效率，为打击和预防犯罪提供智能化支持。
vue2纯前端使用Docxtemplater生成word报告，包含echart图表，表格
m0_49529959的博客
01-08 187
纯前端使用Docxtemplater生成docx报告，包含echart图表
Vue3研学-watch监视
zhlyxx的博客
01-08 555
Vue 3 的 watch API 提供了多种数据监听方式：1) 监听 ref 基本类型数据时直接监视变量；2) 监听 ref 对象类型需开启 deep 选项；3) reactive 对象默认深度监听；4) 监听对象特定属性需使用 getter 函数。watch 支持配置 immediate 立即执行和深度监听，通过返回的 stop 函数可手动停止监听。与 watchEffect 相比，watch 能更精确控制依赖范围和监听行为，适合处理异步操作和复杂状态变更场景。
22-mini-vue props
weixin_57142035的博客
01-04 187
【代码】22-mini-vue props。
【Vue3】我用 Vue 封装了个 ECharts Hooks
林恒的博客
01-08 630
📌 ECharts 封装 Hooks 实战 封装 useEchart Hooks 解决重复初始化、事件管理等问题，支持： ✅ 多类型容器（Ref/DOM/选择器） ✅ 自动销毁与响应式更新 ✅ 内置事件绑定/解绑 ✅ ResizeObserver 自适应 核心通过 initChart 初始化，watch 监听配置变化，ResizeObserver 替代传统 resize 事件，并暴露 update/onChartEvent 等 API。大幅简化 ECharts 使用流程，提升开发效率。 （摘要字数：150
使用electron-packager创建跨平台桌面应用
Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术来构建跨平台的桌面应用程序框架，它允许开发者使用前端和 Node.js 技术来编写应用程序。electron-packager 是一个流行的 Node.js 模块，它可以将 Electron...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值