利用：Electron 进行开发。链接》第一：把electron的官方例子扒下来，下面简称A，留着待用：git clone https://github.com/electron/electron-quick-start第二：进入我们自己的项目（下面简称B），修改公共路径为相对路径（很多同学都是这步出了问题，导致 npm run build 后出现白屏情况）：如果你是 vue-cli3 构建的项目
转载
2024-01-30 09:56:18
224阅读
Electron
原创
2022-06-07 19:42:12
362阅读
点赞
需分「基础配置（开发环境生效）」和「打包配置（生产环境生效）」两步操作，且需适配 Windows/macOS/Linux 不同平台的图标格式要求。通过以上步骤，即可完成 Electron 项目的名称和图标更换，且确保在开发和生产环境、不同平台下都能正常显示。需在打包工具中指定图标路径，确保生成的安装包/绿色版应用显示新图标。不同平台对图标格式和尺寸要求不同，需提前准备对应格式的图标文件，建议放在项目根目录的。. mulu 是打包这个exe的名字和 目录名字。完整package.json代码。
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评论
QQ 1274510382Wechat JNZ_aming商业联盟 QQ群538250800技术搞事 QQ群599020441解决方案 QQ群152889761加入我们 QQ群649347320共享学习 QQ群674240731纪年科技aming网络安全 ,深度学习,嵌入式,机器强化,生物智能,生命科学。叮叮叮：
原创
2021-07-15 10:36:34
1441阅读
1.安装 node.js进入Node官网下载node.js，安装，已经集成了npm就不需要重复安装了2.配置环境变量在命令行窗口输入 node -v 查看node是否安装成功；输入 npm -v 查看npm是否安装成功3.安装 electrong表示全局变量（系统环境）已翻墙的可以直接通过npm指令安装，未翻墙的需要通过cnpm安装：（1）安装cnpmnpm install -g cnpm --r
转载
2024-05-21 15:56:41
148阅读
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-vue中，但是这个库不怎么更新了，最近的更新是九月前，看了很多文章都换其他的工具来构建了，这里推荐GITHUB一个大佬写的基于vue-cli的插件，构建项目非常简单！插件的GITHUB源代码 话不多说，开始创建项目！二、环境说明首先确保你的Node、vue-cli、cnpm安装好，具体安装可以查看官网。 需要：Node环境，我的是16.x版本vue-cl
目录1. 全局安装vue的脚手架2. 下载electron-vue的项目模板3. 指定依赖下载源4
原创
2022-07-12 19:16:19
1103阅读
Pycharm调试Electron 程序的编写过程离不开调试，在刚开始编写Electron程序的时候我不懂怎么调试主进程，只会通过Chrome的Devtools调试渲染进程，所以程序编写过程非常苦恼。后来决定研究下怎么调试主进程，我使用的是Pycharm，Electron官网并没有给予Jetbrains的IDE详细的说明，只是说明了VSCode如何来调试Electron程序。 但是有如下几个
转载
2024-01-09 23:22:32
123阅读
最近在学习nodejs,得知Electron是通过将Chromium和Node.js合并到同一个运行时环境中，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一门技术。对于之前一直从事flash AIR桌面应用开发的我迫不及待的想“尝尝鲜”。 1.在命令行里安装全局electron： npm install -g electron Ps:在这之前你需要安装nodej
转载
2023-11-23 16:14:26
262阅读
一、框架说明 vite是一种新型前端构建工具，能够显著提升前端开发体验。由尤大推出，其发动态表示“再也回不去webpack了...” Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入Chromium和Node.js到二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 ma
转载
2023-08-04 19:43:12
222阅读
vue项目打包成exe可执行文件在学习的过程中，发现关于 Electron ，常见的有两种打包方法：将自己的 vue 项目打包，放到官方的 demo 文件中，改变打包路径在自己的 vue 的项目中引入插件，然后打包 经过一番尝试，我决定采用第一种，原因是：特！别！简！单！下面详细介绍下第一种方法：打包成exe可执行文件1、把electron的官方例子扒下来，下面简称A，留着待用：git clone
转载
2023-12-18 15:17:19
345阅读
上一篇文章【Electron】 Electron 开发桌面应用（一） 编写→运行→打包 我们已经得到了electron打包好的应用了，目录如下，但是我们如何整合成一个安装程序，发给客户使用呢？我们可以使用grunt-electron-installer来生成一. 准备 安装grunt-electron-installer。 &nb
转载
2024-08-15 11:06:56
209阅读
electron简介electron是由Github开发，是一个用Html、css、JavaScript来构建桌面应用程序的开源库，可以打包为Mac、Windows、Linux系统下的应用。electron是一个运行时环境，包含Node和Chromium，可以理解成把web应用运行在node环境中结构electron主要分为主进程和渲染进程，关系如下图electron运行package.json中
什么是 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评论
Electron安装安装问题npm或者yarn安装electron就算是配置了淘宝源还是会出现超时。所以我的解决方案是安装cnpm，使用cnpm去安装。全局安装cnpmnpm i cnpm -G复制代码新建项目cnpm init // 一路Enter然后到最后一步输入yes// 安装dev相关依赖cnpm i electron -D //安装electroncnpm i e
转载
2022-07-14 17:27:29
584阅读
