Electron Demo ( 使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序 )

林间风雨

已于 2022-02-11 12:02:34 修改

阅读量819

点赞数

分类专栏： electron 文章标签： javascript electron html

于 2022-02-11 12:02:10 首次发布

本文链接：https://blog.csdn.net/jack_rose_me/article/details/122877631

版权

electron 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、文档

https://www.electronjs.org/

2、npm i 报错

我的npm 源是 http://registry.cnpmjs.org/
切换镜像源
npm config set registry http://registry.npm.taobao.org/

2、安装报错 Failed at the electron@17.0.0 postinstall script.

解决方法：将electron下载地址指向taobao镜像

npm config set electron_mirror "https://npm.taobao.org/mirrors/electron/"

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

林间风雨

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Electron-02：Electron 安装、使用快速启动 demo 搭建 Electron 项目、单独搭建 Electron 项目、electron-forge 搭建项目

kerryqpw的博客

03-14

629

一、安装 electron npm install -g electron 二、克隆一个仓库、快速启动一个项目 # 克隆示例项目的仓库 git clone https://github.com/electron/electron-quick-start # 进入这个仓库 cd electron-quick-start # 安装依赖并运行 npm install && npm start 三、手动搭建一个 electron 项目 1、新建一个项目目录

从零搭建Electron应用的一系列简单的 Demo

WangYuLue的博客

06-09

2328

Electron 是一个优秀的跨平台桌面应用程序开源库，目前接触 Electron 的开发者也越来越多。但是笔者发现，目前社区里缺少对初学者足够友好的入门教程来帮助初学者用 Electron 搭建一个完整的开发框架。为了解决这个问题，笔者将结合平时的一些 Electron 开发经验，渐近式的带领读者从零开始搭建一个完整的 Electron 应用。在这个教程中，笔者将使用 React 构建渲染进程。当然，读者也可以用其他框架来构建渲染进程，各种前端框架脚手架已经足够友好，所以这一点不用担心。阅读完这篇教程

参与评论您还未登录，请先登录后发表或查看评论

electron demo

Keep It Simple, Stupid

08-07

3199

用electron框架做的一个demo程序，调用的数据来自showapi中的接口。入口main.js 在app on ready回调中初始化菜单，主窗口，托盘，主页面index.html const electron = require('electron') const menuTemplate = require('./js/menu').template const trayTempl =

eletron入门教程 -- 快速写一个electron demo程序

最新发布

weixin_43354152的博客

05-26

1021

由于工作需要，前段时间基于electron框架开发了一个桌面应用程序。由于我之前主要是做c++后端开发，所以没有任何electron基础，也没有任何前端开发基础，但是没有办法，老板需要，那就得会，不会就得学。经过一段时间的开发，也积累了一点electron框架和前端开发的经验，借此机会总结一下，一是记录自己的一个学习过程，另外也希望可以帮助到有需要的人。

electron-demo:electron简单例子

05-25

electron-demo 创建主窗口，阻止关闭主窗口关闭的默认事件，不销毁窗口。（大部分客户端的主窗口，关闭主窗口的时候，实际上是隐藏了该窗口，例如QQ、微信）应用退出时，会尝试关闭所有窗口，再退出应用。如果主窗口的关闭行为默认事件被阻止，那么会导致主窗口无法关闭，整个应用无法退出。因此使用forceQuit这个变量来控制。使用http或者file协议加载窗口前端资源（例子中，默认加载的是微信） development 安装依赖：ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/" yarn 启动：yarn start

myelectrondemo使用Electron开发的demo

08-04

myelectrondemo，用electron开发技术，参考官方网站做的demo，demo参考网址https://www.electronjs.org/docs/tutorial/first-app

使用electron+vue集成跨平台桌面应用程序

03-17

Electron 是一个基于Chromium和Node.js的框架，它允许开发者使用Web技术（HTML、CSS和JavaScript）来构建桌面应用。Vue.js，另一方面，是一个轻量级的前端MVVM框架，因其易学易用和强大的功能而备受青睐。本文将...

使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序——Electron

zyz00000000的博客

08-29

845

使用Electron可以开发js版的桌面应用，Electron的官网：http://www.electronjs.org/ 来到官网我们可以看到很多信息，但是作为前端开发的我，现在才知道，一直用的vscode编辑器竟然就是用js写的！使用vscode的都知道，功能想当强大，那我们我们用js、css、html等前端技术就可以开发自己的强大软件。环境配置： node、electron包下载electron包的时候，国外的源非常慢，最好还是用淘宝镜像吧 //查看node安装是否成功 $ .

构建跨平台桌面应用程序：使用.NET Core与Electron

# 1. 引言 ## 1.1 介绍.NET Core和Electron的背景和概述 ...Electron是一个用于构建跨平台桌面应用程序的开源框架，由GitHub开发和维护。它基于Chromium和Node.js，允许使用Web技术（如HTML、CSS和Java

demo-Electron：js构建桌面应用

02-16

标题"demo-Electron：js构建桌面应用"揭示了本文将要讨论的是使用Electron框架用JavaScript来开发桌面应用程序的实践案例。Electron是一个开源框架，它允许开发者利用Web技术（如HTML、CSS和JavaScript）来创建跨...

electron-demo:一个简单的 Electron（Atom shell）演示应用

06-03

电子演示 Simple （以前称为 Atom Shell）样板应用程序，因为如果您问我官方似乎过于复杂。特征 ES6 支持（通过 babel）+ eslint 更少的 CSS 秘银注意：技术上不需要 browserify（除非你想将它用于 JSX/MSX 转换之类的东西），因为 Electron 已经在浏览器中提供了完整的 node.js 环境。入门 nvm install npm install npm start 更改将自动重建，但您仍然需要在应用程序窗口中Ctrl-R来重新加载更改。参考

Electron demo

08-31

windows环境亲测成功，linux环境打包成功，未测试

electron-demo:一些有用的电子演示

05-16

电子演示一些有用的电子演示当您想使用本地dll时，显示rtsp流或本地摄像头，将电子应用程序作为http服务器运行... 或一些桌面应用程序技能，那么一些最小的演示可以帮助您如果您有电子演示，请提交拉取请求。

electron打包window应用.exe文件demo

11-30

electron.js打包成window应用的具体方法和案例，附带代码以及简约操作文档。

electronjs_demo_app

03-25

Basit api ileyapılanmasaüstü应用程序：)

Electron跨平台桌面应用技术大全

JS-H5-CSS跨平台桌面应用技术集是指使用Electron和H5技术来构建跨平台桌面应用程序的技术集合。第1篇构建/调试Electron源码：Electron的构建和调试是桌面应用程序开发的重要步骤，本篇文章将介绍如何使用CLion和...

electron简单demo

宇智波带土

03-16

339

electron小demo

electron demo简介

qq_33332184的博客

05-04

992

框架参考：https://github.com/niuyueyang/electron 创建无边框 //src/main/index.js //在 new BrowserWindow中，设置frame:false mainWindow = new BrowserWindow({ height: 563, useContentSize: true, width: 1000...

electron-vue 开发(1) 运行electron的demo

weixin_34273481的博客

04-09

410

electron官网开发环境 win10X64 Vscode nodejs yarn 使用到的框架 vue全家桶 element-ui mui electron-vue 技术栈 c++ nodejs html+css+js 接着上一篇. 想运行electron的第一个demo,肯定得安装nodejs链接我目前安装的是nodejs的 v10.2.0版本, 安装完成后打开控制台 ...

使用Electron和JavaScript创建跨平台桌面应用

"使用Electron构建桌面应用，利用JavaScript、Node.js和Electron技术栈创建个性化的桌面应用程序。本文档适合具有HTML/CSS/JavaScript基础，熟悉Node.js的开发者，介绍如何利用Electron开发跨平台的桌面应用。" 在...