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评论
本文概述借助Electron框架, 你可以将HTML, CSS和JavaScript与Chromium和Node.js结合使用来构建你的应用程序。作为本机应用程序, 如果要向用户显示此信息, 可能需要访问有关操作系统或硬件的一些基本信息。在本文中, 你将学习如何访问Electron中有关硬件和操作系统的基本信息。操作系统为了获得有关操作系统的信息, 我们将使用os模块, 该模块可以使用以下命令加载
转载
2024-07-05 08:33:45
144阅读
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阅读
Electron初探electron是github开发的，用来开发桌面应用的一款前端框架开发环境安装node.jsnodejs下载地址为了避免网络问题对Node工作时的影响，我们安装国内的node镜像cnpm。npm install -g cnpm --registry=https://registry.npm.taobao.org安装electronnpm install --save-dev
转载
2024-09-04 03:40:47
33阅读
正如 Node.js介绍4-Addon 里说的，让JavaScript调用c++代码有三种方法：1.在子进程中调用C++程序 2.调用C++的dll参考 关于在electron中调用C++动态库的经验总结 3.使用addon（实际上addon也是一个动态链接库）参考 Node.js v14.8.0 文档 C++ 插件参考 Ele
转载
2023-12-11 13:07:56
224阅读
electron基于Chrome进行页面显示，利用node与系统底层进行交互。所以，学习一些node相关知识，对写好代码很有必要。首先讲一下require模块。1 require模块 1.1模块引用模块引用的示例代码如下：var math = require('math');
var math = require('math');在CommonJS规范中，存在require()方法，这个方法接收
转载
2024-09-02 08:44:23
54阅读
什么是 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评论
Pycharm调试Electron 程序的编写过程离不开调试，在刚开始编写Electron程序的时候我不懂怎么调试主进程，只会通过Chrome的Devtools调试渲染进程，所以程序编写过程非常苦恼。后来决定研究下怎么调试主进程，我使用的是Pycharm，Electron官网并没有给予Jetbrains的IDE详细的说明，只是说明了VSCode如何来调试Electron程序。 但是有如下几个
转载
2024-01-09 23:22:32
123阅读
目录 一、Eelectron简介二、环境配置三、搭建项目四、调用C#代码五、调用C# dll六、调试C# 代码七、调用C++的dll一、Eelectron简介 Electron是一个仅使用javascript,Html和css来快捷搭建跨平台桌面应用的框架，它使用Chromium和Node.js。vscode,github desktop等都是用electron开发的。Electron的
转载
2024-06-06 11:06:41
104阅读
最近在公司研究js调用c#的方法头疼了好久，也找到了好几种方案，踩了无数的坑。。。于是我把踩坑经验也写出来防止二次踩坑吧！一：关于Emscripten编译机，将c#文件编译成js文件，这是第一天研究的方案，网上的综合文档比较多，但是由于受版本以及npm(国内npm找包的坑实在太多不忍直视，我现在已经开始使用yarn。。。)的影响和限制经常会报错，最后在一篇文章中找到解决方案，文章贴出来
转载
2024-01-11 23:52:14
113阅读
快速了解 Electron：基于 Web 跨平台桌面实现 - 即时通讯Electron 知识普及目前市面上的通讯软件多数都是支持多种平台的，Android 端、iOS 端、PC 端、Web 端、小程序端等。由于传统的 PC 端开发成本很高。所以今天给大家推荐使用 Electron 来实现 PC 端。Electron 是通过将 Chromium 和 Node.js 合并到同一个运行时环境中，可以用
转载
2024-05-08 12:28:33
89阅读
本文主要讲解react组件中如何定义方法，调用方法，获取数据，改变数据，方法传值，调用方法时改变this指向。一、react中调用方法import React from 'react';
class Demo1 extends React.Component {
constructor(props){
super(props);
}
runFun() {
转载
2024-01-30 20:43:35
94阅读
客户端有些硬件的接口需要调试，是在电脑上连了一些硬件的设备，比如打印机、扫描仪或者进行串口通信等等。单靠js是完成不了了，我们决定通过把C++或者C#把这些功能打包成Dll，然后在Electron客户端中通过Node调用Dll来实现所需要的功能。 Dll类型 先简单说一下什么是Dll，Dll是动态链
转载
2020-12-11 16:28:00
1864阅读
2评论
本文主要介绍在 Electron9.x 中，使用ffi-napi，ref-array-napi，ref-napi 加载 Windows 动态链接库，并在Vue 渲染进程中使用。使用过程中会遇到一系列的坑，本文将会一一解决，并解释原因。如有同行兄弟遇到此问题可以借鉴。这里列出所使用的环境：Visual Studio 2017NodeJS v12.17.0 （x64）node-gyp v7.0.0Py
# Electron调用Python中的命令
## 介绍
在开发过程中，我们可能需要在Electron应用中调用Python中的命令。Electron是一个使用JavaScript、HTML和CSS构建跨平台桌面应用程序的开源框架，而Python是一种强大的编程语言，它在数据分析、机器学习和科学计算等领域得到广泛应用。本文将介绍如何在Electron中调用Python命令，并提供一些示例代码来
原创
2024-01-27 05:34:24
660阅读
近期要给公司写一个OAIM的内部聊天桌面应用，选择了electron-vue开发，之前用过nw他爹node-webkit个人感觉一般所以弃了，于是就学习了一下electron的基本用法，毕竟vsc还有atom这些开发神器都是基于electron，这里就先简单写一些常用api，其中我自己肯定要用到的进行了标红处理项目构建 由于 Electron 使用 Chromium 显示网页，那么，Ch
转载
2023-12-13 05:11:00
169阅读
一、app：控制应用程序的事件生命周期。https://www.electronjs.org/zh/docs/latest/api/app ready事件：通常我们使用触发器的 .on 函数来监听 Node.js 事件。但是 Electron 暴露了 app.whenReady() 方法，作为其 ready 事件的专用监听器，这样可以避免直接监听 .on 事件带来的一些问题。window
转载
2023-10-02 22:21:54
617阅读
