1、先用create-reat-app创建一个程序 在package.json中配置 "homepage": ".", 要可以从本地访问 2、npm i electron --save-dev 3、在package.json中配置入口文件，具体如下： { "name": "myre", "versi ...
转载
2021-05-12 23:35:00
269阅读
2评论
main.js package.json 执行 npm run dev
转载
2018-08-23 11:53:00
152阅读
2评论
# 使用React、TypeScript和Electron构建跨平台桌面应用
随着技术的不断进步，我们现在可以使用Web技术来开发跨平台的桌面应用程序。React和TypeScript是目前非常流行的前端开发技术，而Electron是一个强大的桌面应用程序开发框架。本文将带您深入了解如何使用React、TypeScript和Electron来构建跨平台的桌面应用程序。
## 什么是React？
原创
2023-10-16 09:18:16
67阅读
1. Electron 是什么？使用github开发的开源框架允许开发者使用Web（js,html,css）技术构建跨平台的桌面应用Electron=Chrominum + node.js + Native API高效：通过Web技术写UI能力：底层能力能力&体验：跨平台&原生能力2. Chromium + NodejsChromium架构Chromium是谷歌开源的项目，相当于c
转载
2023-07-26 16:08:42
176阅读
什么是 React ⚛️React 是 Facebook 开发的一个 JavaScript 库，除其他外，它还用于构建 Instagram.com。它的目的是让开发人员能够轻松地为网站和应用程序等创建快速的用户界面。React 的主要概念。js是虚拟DOM什么是Electron.jsElectron.js 是一个运行时框架，允许用户使用 HTML5、CSS 和 JavaScript 创建桌面套件应
原创
2023-02-13 13:58:10
1481阅读
步骤：1， 先创建一个react 项目。2，然后修改 package.json 添加 electron 依赖。 electron 的基础实现中的main.js package.json 修改的部分：{ "main": "main.js", "dependencies": {
... "electron": "7.3.3",
... }, "scripts": {
...
转载
2021-02-27 12:49:02
233阅读
2评论
1.使用electron打印的理由 很多情况下程序中使用的打印都是用户无感知的。并且想要灵活的控制打印内容，往往需要借助打印机给我们提供的api再进行开发，这种开发方式非常繁琐，并且开发难度较大。 electron提供的打印api可以非常灵活的控制打印设置的显示，并且可以通过html来书写打印内容。
转载
2018-12-25 14:15:00
804阅读
2评论
Electron-Forge 打包Vue项目效果：electronforge可将前端静态页面打包成.exe、.deb和.rpm等，能适配各种平台示例：Windows环境下将前端 Vue 项目打包成exe文件打包后的 exe 文件运行 exe 文件一、项目准备开源项目 RouYi 下载本地环境# 环境版本信息
node -v # v20.11.1
npm -v # 10.2.4
# 设置源
n
思路在electron-react项目当中要实现打印部分页面内容的需求， 第一种方法是使用iframe标签打印，这种方法最简单网上有很多教程，使用iframe.contentWindow.print()这个方法会弹出打印对话框，我还没有找到关闭的方法，所以没有采用。 第二种方法是在使用electron的主线程调用webContents.print()方法，这个方法相对比较复杂，主线程和渲染线程之间
转载
2024-06-16 08:54:05
300阅读
React是一个流行的JavaScript库，用于构建Web应用程序。结合Electron框架，可以轻松地将React应用程序打包为桌面应用程序。以下是使用React和Electron开发桌面应用程序的步骤：1. 安装Electron首先，你需要安装Electron。在终端中运行以下命令：npm install electron --save-dev2. 创建Electron应用程序使用Elect
原创
2023-06-27 10:26:49
251阅读
# 使用 Electron、React 和 TypeScript 创建脚手架
## 引言
在现代应用程序开发中，Electron、React 和 TypeScript 是构建桌面应用的热门组合。本文将为您提供一个简单的流程，指导您如何设置一个完整的 Electron + React + TypeScript 脚手架。我们将分步进行，确保每一步都易于理解并实践。
## 流程概述
为了帮助您更
原创
2024-08-08 18:13:27
371阅读
概述Electron环境搭建和demo创建的过程我们上一篇文章已经给大家做了介绍，这篇文章给大家介绍下如何将Electron和前端框架React结合来进行开发。前提要求创建了一个Electron基础demo(不会创建的话请看这篇文章《01 Electron开发环境搭建，实例化demo》)具体操作这篇文章的介绍要用到上一篇文章中创建的demo里面的一些代码，所以还没有...
原创
2022-01-27 12:02:11
1918阅读
因为electron集成的客户端并不像浏览器那样自带打印功能，然后查了electron的打印，资料太少，什么静默打印乱七八糟的看不太懂，好像也没有预览的功能。。然后我找到了lodop控件，实现了打印功能 步骤一:到官网下载lodop，安装到电脑。下载地址：http://www.lodop.net/download.html 步骤二：修改LodopFuncs.js源码，其实很简单
转载
2024-04-18 17:28:30
667阅读
概述Electron环境搭建和demo创建的过程我们上一篇文章已经给大家做了介绍，这篇文章给大家介绍下如何将Electron和前端框架React结合来进行开发。前提要求创建了一个Electron基础demo(不会创建的话请看这篇文章《01 Electron开发环境搭建，实例化demo》)具体操作这篇文章的介绍要用到上一篇文章中创建的demo里面的一些代码，所以还没有...
原创
2021-08-27 09:36:16
403阅读
一、background.js，项目入口配置文件import { app, protocol, BrowserWindow, ipcMain } from 'electron'
/*
*
* 省略多数默认配置
*
* */
/*
* 打印
* */
//在主线程下，通过ipcMain对象监听渲染线程传过来的getPrinterList事件
ipcMain.on('getPrinterL
转载
2024-05-16 19:30:44
694阅读
electron+react打包必备组件下载失败
原创
2023-06-08 15:01:27
149阅读
Electron整合React使用搭建开发环境 博客说明 文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！ 简介 用于构建用户界面的 JavaScript 库 步骤 首先创建React npx create-react-app doc 进入 ...
转载
2020-06-06 23:41:00
600阅读
2评论
如果有这样的感觉，那是因为使用create-react-app手脚架，是已经通过webpack做好
原创
2022-11-21 10:45:19
1263阅读
基于`electron` + `react` + `redux` + `saga`的基础项目配置
原创
2019-07-01 15:40:21
1702阅读
当你冲这个标题点进来的时候，我猜你一定知道 React 是什么，更多详情请戳这里，就不介绍React了，一个神般存在的前端框架。另外，浏览器和移动端横行的时代，为什么还需要桌面应用？我就不解释了，反正优点很多，做为技术多学一点总没错。 Electron 简单介绍 是什么? 官网是这么介绍的： Ele ...
转载
2021-07-14 15:44:00
998阅读
2评论
