electron学习教程1.介绍2.五分钟快速上手2.1 先创建index.html文件2.2 再创建main.js文件2.3 再安装electron2.2 配置为入口文件2.5 运行3.自动刷新页面4.主进程和渲染进程5.自定义原生菜单5.1 自定义菜单5.2 给菜单定义点击事件5.3 抽离定义 打开调试5.4 自定义顶部菜单 支持拖拽5.5 点击创建新窗口5.6 点页面打开外部浏览器6 打开
转载
2024-06-12 10:36:43
140阅读
官方文档：https://www.electronjs.org/zh/docs/latest/tutorial/tutorial-first-app一、基本要求1.检测环境node -v
npm -v 二、创建您的第一个应用程序1.初始化 npm 项目mkdir my-electron-app
cd my-electron-app
npm init2.安装完 Electron 
转载
2024-06-24 10:37:30
189阅读
Electron 教程Electron 教程简介Electron 快速入门Electron 桌面环境集成Electron 在线/离线事件探测Electron 进程Electron 支持的 Chrome 命令行开关Electron
原创
2021-07-22 11:32:50
487阅读
【前言】上一节讲了electron应用的主进程开发部分，本节继续渲染进程的开发Electron实战QZip-02：主进程开发_uikoo9的博客【渲染进程开发模式选择】上节讲了使用qiao-electron-cli init生成的代码项目结构qzip，主项目，主要是构建mac应用和dmg打包，以及提供dev的electron环境｜--qzip-pack，打包相关的配置文件和图标等｜--qzip-s
如何用Web前端技术就能开发出桌面应用程序？Web前端技术开发桌面应用的方式CEF：用 Chromium&Webkit 来呈现 web 页面，是客户端里面嵌浏览器，浏览器里面跑网页。heX：基于CEF，内部整合了开源项目 Chromium 及 node.js。nw：基于Chromium 和 node.js，利用 web 方式开发跨平台桌面应用的平台技术。electron：底层也是基于Chr
Electron教程（3）如何打包 electron 程序：electron-forge 的使用教程前言最近自己有个小的需求，是做一个能编
原创
2022-06-30 11:27:20
10000+阅读
1评论
这几天到年底了，公司也没啥事，闲着就到处瞅瞅。记得上一家公司的时候用 Electron+ng1 写过项目，只是那个时候项目框架都是别人搭的，自己只负责写功能，对Electron没啥认识。 这几天想着反正闲着也是闲着，就捡起来自己玩玩，顺便记录一下。一、环境安装： 前端开发，现在不管是那个方向，都免不了使用NPM，所以node.js的安装是必须的，也是最基础的一步。 1、安装node.js，从官
转载
2024-05-07 11:26:53
139阅读
引言本篇将介绍如何将你开发的electron项目(main.js), 打包成一个可执行桌面程序(.exe).有两个流行的工具可以做到这一点: electron-builder 和 electron-packager.我不会详细地对比两者的优劣, 但会通过三个事实来帮助你选择合适的工具.1. electron-builder的Star为7.7k, e
转载
2024-07-04 22:55:03
277阅读
Electron教程（7）结语到目前为止，你已经能够用
原创
2022-06-30 12:05:39
285阅读
整个教程不涉及过于深入的知识，通过一系列c操作能够运行一个简单的MarkDown编辑器。在整个过程中体会Electron的作用，对于我来说就是把整个网页和
转载
2021-10-15 09:37:09
220阅读
之前讲了electron应用的基本框架和结构。现在来讲讲其中一些组件(BrowserWindow，Menu等)的一些用法。这些方法我是从electron-api-demo 以及electron官网上的文档中看来的，自己整理了下，挑了点我觉得有用和项目中用到的用法说一下主要内容： 1.BrowserWindow的用法 2.main进程与renderer进程间通信1. BrowserWindowB
转载
2024-07-03 23:26:51
73阅读
electronjs目前在国内安装electron，按照官网的各种方法，基本上都以失败告终。这次我把成功尝试的国内快速安装electron的方法分享给大家。1、必要环境：node -v
v10.15.0
npm -v
6.11.32、创建并进入一个空目录：mkdir d
cd d3、全局安装cnpm：npm install cnpm -g --registry=http://registry.n
转载
2023-07-20 14:29:45
111阅读
1.初始化工作midir electron-demo
cd electron-demo
npm init
//到package.json 文件下将入口文件修改为main.js
"main": "main.js",
//并且创建main.js文件
//electron 安装依赖
npm i electron -S
//安装nodemon
npm install nodemon -D修改pa
转载
2024-06-28 18:50:05
383阅读
最近在开发电脑端应用，给大家分享下经过技术研究和已有的条件，决定采用h5打包成桌面应用程序.csdn.net/qq285679784/category_11318926.html...
原创
2022-07-18 11:09:15
215阅读
Electron教程（1）：什么是 Electron，由来、适用场景 和 Electron 的环境搭建前言最近自己有个
原创
2022-06-30 12:04:32
1106阅读
官方文档：https://www.electronjs.org/zh/docs/latest/tutorial/tutorial-first-app一、搭建electron项目1.首先初始化项目 npm initnpm init 2.安装对应依赖//electron
npm install electron --save-dev
//升级工具
npm install electron-
转载
2024-01-01 14:22:17
262阅读
src/renderer/src/assets 中只留 main.css，内容为html,body {margin: 0;.drag {src/renderer/src/main.ts 中添加将 resourc
应用启动后，先执行主进程，再执行预加载脚本，最后执行渲染进程。
创建简单的Electron程序 1、首先，切换到你的项目空间，我的在 D:\ProjectsSpace\ElectronProjects\ElectronTest，ElectronTest是案例项目文件夹 ①、打开cmd，切换到自己的项目文件目录 然后输入命令 npm init创建 package.json文件， 然后按照步骤一步一步来，一直到最后 最后成功的图： 内容为：{
"n
转载
2023-10-27 11:01:19
114阅读
快速开始Electron是一个框架，使您可以使用JavaScript，HTML和CSS创建桌面应用程序。然后可以将这些应用程序打包以直接在macOS，Windows或Linux上运行，或通过Mac App Store或Microsoft Store分发。通常，您使用每个操作系统的特定原生应用程序框架为操作系统（OS）创建桌面应用程序。Electron使得您可以使用已知技术来编写应用程序。 先决条件
转载
2024-05-20 12:16:32
83阅读
