electron之Windows下使用 html js css 开发桌面应用程序

原创 已于 2022-06-09 10:01:59 修改 · 3.9k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#桌面应用

于 2016-03-01 14:58:25 首次发布
本文详细介绍了如何使用Electron开发桌面应用，包括目录结构、核心代码解析、部署流程及环境配置，涵盖Windows下的NodeJS+NPM+Bower安装与asar打包等关键步骤。

1.atom/electron

github:

https://github.com/atom/electron

中文文档：

https://github.com/atom/electron/tree/master/docs-translations/zh-CN

2.下载 electron-v0.36.5-win32-x64

https://github.com/atom/electron/releases/download/v0.36.5/electron-v0.36.5-win32-x64.zip

3.新建一个项目-快速入门：

https://github.com/atom/electron/blob/master/docs-translations/zh-CN/tutorial/quick-start.md

大体上，一个 Electron 应用的目录结构如下：

your-app/
├── package.json
├── main.js
└── index.h
最低0.47元/天 解锁文章
使用Electron构建Windows桌面应用
MwDart的博客
09-21 528
Electron是一个开源的框架，它允许开发者使用Web技术（HTML、CSS和JavaScript）构建跨平台的桌面应用程序。在本文中，我们将介绍如何使用Electron构建一个Windows桌面应用程序，并提供相应的源代码示例。一旦你完成了应用程序的开发，你可以使用Electron提供的打包工具将其打包成可执行文件。一旦你完成了应用程序的开发，你可以使用Electron提供的打包工具将其打包成可执行文件。类创建了一个窗口，并指定了窗口的大小和加载的HTML文件。
java开发桌面hmtl_使用java的browser+html+js编写简易版excel桌面应用程序（一）
weixin_31577315的博客
02-26 645
前言：java是可以开发桌面应用程序的，如swing，但是因为界面并不美观且总是为控件大小坐标操心。不搞事不舒服司机就要改造车。怎么改进swing巨丑的界面，并且可以更简单，用更少的时间。html+js这对搭档无疑是一个很好的选择，但是html+js只能在浏览器里使用，那么就要祭出一个法宝swt的browser控件，这是什么东东呢，简单来说就是内嵌浏览器。这样一来其实开发出来的东西就是一款定制版的...
Html和Javascript的应用
qq_51859881的博客
10-05 561
一、实验目的 掌握Html文件的编写； 掌握表单以及各种标签的使用； 掌握表单信息的传递和接收； 了解JavaScript技术以及CSS技术。 二、实验要求 编写一个注册界面，包括：姓名，密码，选择性别，爱好，一段自我简介以及确认和重设按钮； 扩展一：可以使用table来对注册界面进行格式控制； 扩展二：接收表单各种信息并显示； 扩展三：利用JavaScript技术检查用户名和密码是否为空，利用CSS技术对注册界面进行格式控制。 扩展四：在注册页面中添加密码确认，若用户的密码和密码确认不同
开发一个完整的Electron应用程序
最新发布
weixin_42713787的博客
11-05 526
【代码】开发一个完整的Electron应用程序。
基于H5的跨平台桌面应用程序Electron的使用
逗神大人的博客
04-28 5910
说明 在做GUI程序的时候， 往往都是先做好了网页端，后续就会慢慢的有了app端， (不同平台的)桌面客户端等需求， 如果针对每一种平台都要对同样的业务逻辑做一套界面， 感觉会浪费掉很多的时间。于是有个想法: 如今是互联网行业发达的时候了，能不能依赖H5技术只做一套界面然后再不同平台上使用某个工具来加载呢？ 考虑过的工具 Qt 的WebEngineView Electron Qt 是基...
（译）通过 HTML、JS 和 Electron 创建你的第一个桌面应用
weixin_30371469的博客
10-04 173
原文：Creating Your First Desktop App With HTML, JS and Electron 作者：Danny Markov 近年来 web 应用变得越来越强大，但是桌面应用仍然有充分利用硬件的优势。 今天，我们可以通过我们熟悉的 HTML、JS 和 Node.js 来创建桌面应用，打包成一个可执行文件，并且发布在 Windows, OS X 和 Linux 上。 有...
Electron | 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。
不知名的研发小码农
12-26 483
文章目录[隐藏]版本发布比你想象的更简单入门使用 Electron 构建的应用 捐赠者 应用 文档 博客 社区 版本发布  中文 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用 版本发布$ npm i -D electron@latest # Electron 4.0.0 # Node 10.11.0 # Chromium 69....
精选资源
Electron:使用JavaScript，HTML和CSS构建跨平台的桌面应用程序-开源
04-15
Electron是一个使用Node.js运行时和Chromium Web浏览器的开源框架，从而使您可以使用JavaScript，HTML和CSS来构建应用程序。 它与Mac，Windows和Linux兼容，并具有方便的功能，例如自动更新，应用程序崩溃报告，调试...
精选资源
electron 桌面程序开发，兼容react+vue+html+css+js
01-08
标题中的“electron 桌面程序开发，兼容react+vue+html+css+js”意味着我们要探讨的是如何使用Electron框架构建一个桌面应用程序，并且该程序能够支持React、Vue.js以及传统的HTML、CSS和JavaScript技术栈。...
精选资源
electron开发桌面程序windows+mac操作系统安装，集成前端react+ant design UI
11-03
在电子（Electron）框架下开发桌面应用程序，可以利用Web技术如HTML、CSS和JavaScript，同时支持Windows和macOS操作系统。本教程将详细介绍如何在这些平台上安装和配置Electron环境，以及如何集成React和Ant Design ...
精选资源
用JavaScript、HTML和CSS构建跨平台桌面应用程序
01-27
using JavaScript, HTML and CSS. It is based on and and is used by the Atom editor and many other . Follow on Twitter for important announcements. This project adheres to the Contributor Covenant
Electron Windows特化：任务栏集成与系统托盘优化
gitblog_00450的博客
09-02 759
在Windows平台上，Electron应用的任务栏和系统托盘集成是提升用户体验的关键环节。本文将深入探讨如何利用Electron的Windows特有API实现专业级的任务栏定制和系统托盘优化，帮助开发者构建更具Windows原生感的桌面应用。 ## 任务栏深度集成 ### JumpList自定义上下文菜单 JumpList是Windows任务栏的核心功能之一，允许用户通过右键点击应用图标快...
Windows下的electron安装
qq_39162851的博客
06-13 1312
Electron 是一个开源的跨平台框架，它允许开发者使用 Web 技术（即 HTML、CSS 和 JavaScript）来构建桌面应用程序。这些应用程序能够在 Windows、macOS 和 Linux 操作系统上运行，实现“一次编写，到处运行”的理念。
用HTML开发Windows桌面应用程序
ytlcainiao的专栏
05-29 2万+
转载自：http://blog.youkuaiyun.com/xiaoaiai/article/details/46043077  如果要说明这个题目上的问题，就先要说一下，软件开发的种种方式，从最初的命令行软件开发方式，到可视化的窗口软件，开发方式的进步使得开发难度降低，用户体验也越来越完善，不过今天要谈的是windows下的桌面软件开发方式，关于windows下桌面软件的开发方式，请看下面：
【Electron】桌面应用开发快速入门到打包Windows应用程序
TTong_190502的博客
08-22 3947
electron 实现桌面应用开发快速入门到打包Windows应用程序
HTML5桌面应用程序开发
热门推荐
浅醉樱花雨的专栏
10-22 4万+
前端时间要写一个桌面软件，比来比去没有满意的，要么不好看，要么不好用，要么打包体积太大。所以就有了这个小项目——easy-window。 easy-window是什么？ easy-window 是一个旨在简化桌面开发难度的通用窗体，它可以让你使用当前主流的HTML5技术快速地创建Windows桌面应用程序。创作桌面应用，不需要掌握QT，C++，C#，Java那些繁琐的东西，只要会创建网页就可以。同...
electron---windows客户端开发探索
Mar.三月
10-20 789
话不多说，直接开干。 起因：一个用electron框架开发的windows版浏览器需要我负责了。。。。。 撸代码。。。。。将不知道的点记录下来，仅供后续查看。 1.本地启动windows浏览器命令 "start":"chcp65001&&electron." chcp 65001解释：设置cmd显示为utf-8编码，windows cmd窗口执行此命令后cmd显示不在乱码 electron .：启动命令，执行main.js入口文件 我本机的系统环境： OS ...
Electron 搭建开发环境（Windows 11系统）
编程实战派-李工，专注编程领域
05-24 8438
如果想要使用 Electron 进行桌面应用程序开发，首先需要搭建一个开发环境。
Electron教程2_Windows上安装Electron
随风漂浪的博客
04-02 675
操作系统要求 Windows 7 以上 安装Nodeji V10 以上 安装Electron 克隆项目仓库 git clone https://github.com/electron/electron-quick-start.git 进入下载好的项目目录中 cd d:/*****/electron-quick-start 3. 修改下载npm资源的镜像路径 npm config ...
Electron 5.0.2 Windows 64位桌面应用开发框架
Electron是由GitHub开发并维护的一个开源框架，旨在通过结合Web前端技术（HTML、CSS和JavaScript）与Node.js的强大后端能力，构建跨平台的桌面应用程序。其核心理念是让前端开发者能够利用熟悉的Web技术栈来开发原生...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

赤龙绕月

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值