Electron | 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。

最新推荐文章于 2023-05-18 20:06:49 发布
最新推荐文章于 2023-05-18 20:06:49 发布
阅读量370 收藏
点赞数
分类专栏： 常用工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_30030167/article/details/93626797
版权
svg%3e

使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用

版本发布

$ npm i -D electron@latest
# Electron   4.0.0
# Node       10.11.0
# Chromium   69.0.3497.106
$ npm i -D electron@beta
# Electron   4.0.0-beta.11
# Node       10.11.0
# Chromium   69.0.3497.106
$ npm i -D electron@nightly
# Electron   4.0.0-nightly.20181010
# Node       10.11.0
# Chromium   69.0.3497.106

比你想象的更简单

如果你可以建一个网站，你就可以建一个桌面应用程序。 Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架，它负责比较难搞的部分，你只需把精力放在你的应用的核心上即可。



观看视频

resize,m_fill,w_472,h_400#

Web 技术

Electron 基于 Chromium 和 Node.js, 让你可以使用 HTML, CSS 和 JavaScript 构建应用。

resize,m_fill,w_472,h_400#

开源

Electron 是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目。

resize,m_fill,w_472,h_400#

跨平台

Electron 兼容 Mac, Windows 和 Linux， 它构建的应用可在这三个操作系统上面运行。

困难的部分变得更便捷

入门

若要开始使用 Electron，请查阅下面的参考资料，了解如何使用 Electron 包装您的 web 应用程序，访问所有的 API，以及生成的安装程序。

探索 Electron 的 API

Electron API 演示应用程序 交互演示了 Electron API 的最重要特性。看看有什么可能与 Electron 与示例代码和有用的提示，为您的应用程序的建设。



从 GitHub 下载

快速启动 应用程序，看看 Electron 是如何运转的：

一个有帮助内容的 Electron 应用。

# 克隆示例项目的仓库
$ git clone https://github.com/electron/electron-quick-start

# 进入这个仓库
$ cd electron-quick-start

# 安装依赖并运行
$ npm install && npm start

或潜得更深，并阅读 文档。

需要帮助？

欢迎到 Discuss 论坛或我们的 Slack频道上提问。关注Twitter @electronjs 以接收重要的公告。想要联系我们？可以发送电子邮件到 electron@github.com。

使用 Electron 构建的应用

Electron 让你为你的公司或想法创建桌面端应用变得很简单。最初为 GitHub 的 Atom 编辑器 开发，Electron 已被像微软、 Facebook、 Slack和Docker 这样的公司用于创建应用程序了。

不知名的研发小码农
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Electron 简介
天空之外
04-30 1万+
本教程我们来学习 Electron 的基础知识，下面我们先来学习一下什么是 Electron。 Electron是什么 Electron 是是 GitHub 开发的一个开源框架。它允许使用 Node.js（作为后端）和 Chromium（作为前端）完成桌面 GUI 应用程序的开发。 Electron 可以用于构建具有 HTML、CSS、JavaScript 的跨平台桌面应用程序，它通过将 Chromium 和 node.js 合同一个运行的环境中来实现这一点，应用程序可以打包到 Mac、Windows 和
docker_lnmp:一键部署基于docker的LAMP环境，并利用electron + vue 提供gui管理。+++ 可配置的多进程php扩展安装
05-25
基于docker的LNMP环境 说明 一个基于的LNMP环境，并利用 + 提供gui管理（目前只处理了window环境和mac环境，后续支持linux） 其中gui界面通过+++实现。 使用 npm打开 git clone https://github.com/aogg/docker_lnmp.git cd electron npm install --registry=https://registry.npm.taobao.org npm start 首次点击构建，构建docker容器 再点击启动按钮，启动php环境 其中xdebug需要额外配置127.0.0.1 host_localhost的hosts配置 容器配置 各容器放在docker文件夹内，对应配置也在容器文件夹的conf文件夹 其中php、nginx的conf文件夹实现共享目录，可本地修改并在容器内及时体现出 如： 1、d
Electron简介、安装、实践
最新发布
weixin_44014982的博客
05-18 4592
Electron简介、安装、快速入门
electron
qq_25205059的博客
09-28 780
npm i -D electron@latest # Electron 6.0.10 # Node 12.4.0 # Chromium 76.0.3809.146 $ npm i -D electron@beta # Electron 7.0.0-beta.5 # Node 12.8.1 # Chromium 78.0.3905.1 $ np...
docker打包国产机解决方案
duancsdn的博客
10-12 346
docker run --rm -ti -v C:\MyApp:/project -w /project electronuserland/builderdocker run --rm -ti -v D:\package:/project -w /project electronuserland/builderF:\work\packagedocker run --rm -ti -v F:\work\package:/project -w /project electronuserland/buildern
用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, 使用 JavaScript HTML和CSS构建跨平台桌面应用.zip
10-10
Electron是一个强大的开源框架，它允许开发者使用JavaScript、HTML和CSS这三种Web开发技术来构建跨平台的桌面应用程序。这个框架由GitHub开发并维护，其核心理念是将Chromium浏览器（用于渲染网页）与Node.js（用于...
Electron:使用JavaScript，HTML和CSS构建跨平台的桌面应用程序-开源
04-15
Electron是一个使用Node.js运行时和Chromium Web浏览器的开源框架，从而使您可以使用JavaScript，HTML和CSS来构建应用程序。 它与Mac，Windows和Linux兼容，并具有方便的功能，例如自动更新，应用程序崩溃报告，调试...
NeutralinoJs使用JavaScriptHTML和CSS构建基于浏览器的跨平台应用程序
08-08
NeutralinoJs是一个可移植的轻量级框架，用于开发具有原生功能的应用程序，并允许您在网页浏览器中运行。
menubar-docker:在Electron上构建的Docker菜单栏应用
04-29
码头菜单 在Electron上构建的Docker菜单栏应用 正在安装 从下载适当的文件。 我们正在开发自动更新程序。 建造 在克隆的源目录中运行以下命令： npm install npm run grunt 生成的.app文件将放置在build/子目录中。
Dockeron用于Docker的ElectronVuejs
08-08
Dockeron：用于Docker的Electron Vue.js
Electron深入填坑之路
weixin_33897722的博客
02-20 7643
思维导图前言:Electron 从最初发布到现在已经维护很长一段时间了，但是去年才开始慢慢升温。笔者个人恰好也有一些 Electron 的实践经验，原本这篇总结是大约半年前开始起草的，但是由于一些个人原因拖到现在才算是正式完稿，现在发出来供有意实践 Electron 的开发者借鉴，避免一些本人在实践中踩过的坑。此外，笔者的水平有限，难免出现错误，如果读者在阅读本文过程中发现原则性的错误，请务必指出...
使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用
weixin_30386713的博客
03-26 191
https://electronjs.org/ —— 官网 https://github.com/electron/electron-api-demos/releases —— 下载demo 下载安装： # 克隆示例项目的仓库 $ git clone https://github.com/electron/electron-quick-start ...
【译】Electron 的本质
weixin_34234721的博客
11-16 442
本文翻译自 http://jlord.us/essential-ele... 本文将简明扼要地讲解 Electron。 Background Development Development Con't What is Electron Prereqs Stay in touch Why is this important ...
Electron 结合WEB项目制作桌面APP之二 ---- electron与web的结合开发体验
我走过最长的路，就是这条爬坑之路！！！
04-20 5035
引言 开始尝试用electron搭建了一个hello world，体验还是挺不错的，对于一个web开发者来说，能把自己的开发成果做成一个桌面app，那将是一步巨大的跨越 藉此，再深入学习后，开始了第二个“hello world” 目标 将百度首页做成我的app首页 做一个简易的视频播放器 千里之行始于足下，electron还没完全学会，不妨碍我去使用它 下载e...
electron 标签webview
weixin_43294560的博客
04-30 3432
作用: 将网页内嵌到桌面客户端程序中，可以对引入的网页进行自定义操作,如注入脚本、css等 用法: <webview src='网页url' /> 常用事件: webview对象.addEventListener('did-start-loading',回调); 网页加载前回调 wenview对象.addEventListener('did-stop-loading'...
玩转Electron-搭建
问白的博客
03-03 947
electron electron是gitHub推出的桌面应用开发，基于electron比较典型的应用软件有github desktop, VS code开发工具以及蚂蚁推出的蚂蚁开发者工具等等。 优点 electron基于node开发，意味着可以调用node中的api 桌面应用可以调用本地资源包括硬件资源，例如打印机，摄像头，扫描仪等，已近os本身的资源，例如mac中的touchbar 和 D...
前端学习之路Electron——利用electron浏览器打开外部链接
HarryHY的博客
04-21 4160
demo.html部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&gt...
Electron 从入门到部署
第7维度 - 日常笔记
04-02 5539
一、Electron 是什么？基于chrome 内核 + nodeJS 服务 + Html5 展现来开发的桌面软件，可以轻易的跨平台。例如Visual Studio Code、Slack 、Atom 等等桌面端软件都是使用Electron 开发的。二、技术选型 1.框架 Electron VS NW.js Electron 前身是atomshell，NW.js 前身是Node-Webkit。区别：...
Electron实战指南：构建跨平台桌面应用
该书聚焦于使用Electron框架，这是一种流行的开源工具，它允许开发者利用Web技术（如HTML、CSS和JavaScript）来构建跨平台的桌面应用程序。通过这本书，读者可以学习如何利用Electron的强大功能，将现代Web技术与...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值