当前位置： 首页 > news >正文

Electron学习第一天 ，启动项目

news 2026/3/29 2:13:55

之前在安装官网的步骤操作，结果报错，找了好多办法，最后这种办法成功启动项目，并且没有报错，特此记录
特别提醒，最好安装淘宝镜像，npm 太慢，会导致报错问题，解决起来个人觉得比较麻烦
1 cnpm i electron -D （特别重要）
2 cnpm init
3 修改package.json 文件

  "main": "main.js",// 这里必须是main.js"scripts": {"start": "electron .", //这个必须加},

4 根据官网配置main.js

const { app, BrowserWindow } = require('electron')
const createWindow = () => {const win = new BrowserWindow({width: 800,height: 600})win.loadFile('index.html')win.webContents.openDevTools()  //打开调试窗口 }app.whenReady().then(() => {createWindow()})app.on('window-all-closed', () => {if (process.platform !== 'darwin') app.quit()})

5 根据官网配置index.html (内容随便写，我是直接复制官网的)

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><!-- https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CSP --><meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'"><!-- 关闭安全警告 --><meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline';"><title>你好!</title></head><body><h1>你好!</h1>我们正在使用 Node.js <span id="node-version"></span>,Chromium <span id="chrome-version"></span>,和 Electron <span id="electron-version"></span>.</body>
</html>

6 cnmp run start

相关文章：

Electron学习第一天 ，启动项目

之前在安装官网的步骤操作&#xff0c;结果报错&#xff0c;找了好多办法&#xff0c;最后这种办法成功启动项目&#xff0c;并且没有报错&#xff0c;特此记录 特别提醒&#xff0c;最好安装淘宝镜像&#xff0c;npm 太慢&#xff0c;会导致报错问题&#xff0c;解决起来个人觉…...

编程日记 2023/12/17 8:12:45

WebService技术--随笔1

1.WebService 发展史 创建阶段&#xff08;1990 年代末至 2000 年代初&#xff09;&#xff1a;在这个阶段&#xff0c;XML-RPC 和 SOAP 协议被引入&#xff0c;为跨平台和跨语言的应用程序集成提供了基础。XML-RPC 提供了一种基于 XML 的远程过程调用机制&#xff0c;而 SOAP…...

编程日记 2023/12/17 8:11:44

如何使用Docker将.Net6项目部署到Linux服务器（一）

目录 一 配置服务器环境 1.1 配置yum 1.1.1 更新yum包 1.1.2 yum命令 1.2 配置docker …...

编程日记 2023/12/17 8:09:42

第4章-第3节-Java中跟数组相关的几个算法以及综合应用

在写这篇博文之前&#xff0c;先大概说明一下&#xff0c;就是很常见的数组算法如求最大值、一维数组的遍历等&#xff0c;这里就不去专门说明了&#xff0c;只说一些有代表性的&#xff0c;然后就是冒泡排序算法很容易查阅到&#xff0c;这里也不专门说明了&#xff0c;只说明…...

编程日记 2023/12/17 8:08:41

AlexNet(pytorch)

AlexNet是2012年ISLVRC 2012&#xff08;ImageNet Large Scale Visual Recognition Challenge&#xff09;竞赛的冠军网络&#xff0c;分类准确率由传统的 70%提升到 80% 该网络的亮点在于&#xff1a; &#xff08;1&#xff09;首次利用 GPU 进行网络加速训练。 &#xff…...

编程日记 2023/12/17 8:06:39

【单调栈 】LeetCode321:拼接最大数

作者推荐 【动态规划】【广度优先搜索】LeetCode:2617 网格图中最少访问的格子数 本文涉及的知识点 单调栈 题目 给定长度分别为 m 和 n 的两个数组&#xff0c;其元素由 0-9 构成&#xff0c;表示两个自然数各位上的数字。现在从这两个数组中选出 k (k < m n) 个数字…...

编程日记 2023/12/17 8:05:38

TikTok与虚拟现实的完美交融：全新娱乐时代的开启

TikTok&#xff0c;这个风靡全球的短视频平台&#xff0c;与虚拟现实&#xff08;VR&#xff09;技术的深度结合&#xff0c;为用户呈现了一场全新的娱乐盛宴。虚拟现实技术为TikTok带来了更丰富、更沉浸的用户体验&#xff0c;标志着全新娱乐时代的开启。本文将深入探讨TikTok…...

编程日记 2023/12/17 7:54:28

PXI/PCIe/VPX机箱 ARM|x86 + FPGA测试测量板卡解决方案

PXI便携式测控系统是一种基于PXI总线的便携式测试测控系统&#xff0c;它填补了现有台式及机架式仪器在外场测控和便携测控应用上的空白&#xff0c;在军工国防、航空航天、兵器电子、船舶舰载等各个领域的外场测控场合和科学试验研究场合都有广泛的应用。由于PXI便携式测控系统…...

编程日记 2023/12/17 7:53:27

ES6 面试题 | 12.精选 ES6 面试题

&#x1f90d; 前端开发工程师&#xff08;主业&#xff09;、技术博主&#xff08;副业&#xff09;、已过CET6 &#x1f368; 阿珊和她的猫_CSDN个人主页 &#x1f560; 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》 &#x1f35a; 蓝桥云课签约作者、已在蓝桥云…...

编程日记 2023/12/17 7:52:26

【linux】Debian不能运行sudo的解决

一、问题&#xff1a; sudo: 没有找到有效的 sudoers 资源&#xff0c;退出 sudo: 初始化审计插件 sudoers_audit 出错 二、可用的方法&#xff1a; 出现 "sudo: 没有找到有效的 sudoers 资源&#xff0c;退出" 和 "sudo: 初始化审计插件 sudoers_audit 出错&q…...

编程日记 2023/12/17 7:50:24

讲解ThinkPHP的链式操作

数据库提供的链式操作方法&#xff0c;可以有效的提高数据存取的代码清晰度和开发效率&#xff0c;并且支持所有的CURD操作。 使用也比较简单&#xff0c;假如我们现在要查询一个User表的满足状态为1的前10条记录&#xff0c;并希望按照用户的创建时间排序 Db::table(think_u…...

编程日记 2023/12/17 7:49:23

Java技术栈 —— 微服务框架Spring Cloud —— Ruoyi-Cloud 学习（二）

RuoYi项目开发过程 一、登录功能(鉴权模块)1.1 后端部分1.1.1 什么是JWT?1.1.2 什么是Base64?为什么需要它&#xff1f;1.1.3 SpringBoot注解解析1.1.4 依赖注入和控制反转1.1.5 什么是Restful?1.1.6 Log4j 2、Logpack、SLF4j日志框架1.1.7 如何将项目打包成指定bytecode字节…...

编程日记 2023/12/17 7:46:20

如何进行软件测试和测试驱动开发（TDD）？

1. 软件测试概述 1.1 什么是软件测试&#xff1f; 软件测试是一种评估系统的过程&#xff0c;目的是发现潜在的错误或缺陷。通过对软件进行测试&#xff0c;开发者和测试人员可以确定软件是否符合预期的需求、功能是否正常运行&#xff0c;以及系统是否足够稳定和可靠。 1.2…...

编程日记 2023/12/17 7:43:17

linux 开机启动流程

1.打开电源 2.BIOS 有时间和启动方式 3.启动Systemd 其pid为1 4.挂载引导分区 /boot 5.启动各种服务 如rc.local...

编程日记 2023/12/17 7:40:15

Mybatis 动态SQL的插入操作

需求 : 根据用户的输入情况进行插入 动态SQL:根据需求动态拼接SQL 用户往表中插入数据,有的数据可能不想插入,比如不想让别人知道自己的性别,性别就为空 insert into userinfo(username,password,age,gender,phone) values(?,?,?,?,?); insert into userinfo(username,…...

编程日记 2023/12/17 7:39:14

共建开源新里程：北京航空航天大学OpenHarmony技术俱乐部正式揭牌成立

12月11日,由OpenAtom OpenHarmony(以下简称“OpenHarmony”)项目群技术指导委员会(以下简称“TSC”)和北京航空航天大学共同举办的“OpenHarmony软件工程研讨会暨北京航空航天大学OpenHarmony技术俱乐部成立仪式”在京圆满落幕。 现场大合影 活动当天,多位重量级嘉宾出席了此次…...

编程日记 2023/12/17 7:38:13

企业微信机器人发送文本、图片、文件、markdown、图文信息

import requests import base64 import hashlib import json # 机器人地址的key值 key"811a1652-60e8-4f51-a1d9-231783399ad2" def path2base64(path):"""文件转换为base64:param path: 文件路径:return:"""with open(path, "rb…...

编程日记 2023/12/17 7:33:10

智能优化算法应用：基于天牛须算法3D无线传感器网络(WSN)覆盖优化 - 附代码

智能优化算法应用&#xff1a;基于天牛须算法3D无线传感器网络(WSN)覆盖优化 - 附代码 文章目录 智能优化算法应用&#xff1a;基于天牛须算法3D无线传感器网络(WSN)覆盖优化 - 附代码1.无线传感网络节点模型2.覆盖数学模型及分析3.天牛须算法4.实验参数设定5.算法结果6.参考文…...

编程日记 2023/12/17 7:31:08

【Hive】【Hadoop】工作中常操作的笔记-随时添加

文章目录 1、Hive 复制一个表:2、字段级操作3、hdfs 文件统计 1、Hive 复制一个表: 直接Copy文件 create table new_table like table_name;hdfs dfs -get /apps/hive/warehouse/ods.db/table_nameload data local inpath /路径 into table new_table;修复表&#xff1a; m…...

编程日记 2023/12/17 7:30:08

DIY电脑装机机箱风扇安装方法

作为第一次自己diy一台电脑主机的我&#xff0c;在经历了众多的坑中今天来说一下如何安装机箱风扇的问题 一、风扇的数量 1、i3 xx50显卡 就用一个cpu散热风扇即可 2、i5 xx60 一个cpu散热风扇 一个风扇即可 3、i7 xx70 一个cpu散热 4个风扇即可 4、i9 xx80 就需要7个以…...

编程日记 2023/12/17 7:29:07

Audacity：5分钟快速掌握免费音频编辑的终极指南

Audacity&#xff1a;5分钟快速掌握免费音频编辑的终极指南 【免费下载链接】audacity Audio Editor 项目地址: https://gitcode.com/GitHub_Trending/au/audacity 想要专业级的音频编辑能力却不想支付高昂的费用&#xff1f;Audacity正是你寻找的解决方案&#xff01;…...

编程新知 2026/3/29 0:53:15

Rust 看了流泪，AI 看了沉默：扒开 Go 泛型最让你抓狂的“残疾”类型推断

大家好&#xff0c;我是Tony Bai。在这个大模型&#xff08;AI&#xff09;写代码如喝水一般简单的时代&#xff0c;你有没有遇到过一种极其憋屈的场景&#xff1a;你让 Claude Code 或者 Codex 帮你写了一段 Go 语言代码&#xff0c;逻辑清晰&#xff0c;结构优雅&#xff0c;…...

编程新知 2026/3/28 23:50:57

Z-Image-Turbo-辉夜巫女开发者案例：对接Stable Diffusion WebUI插件生态的兼容方案

Z-Image-Turbo-辉夜巫女开发者案例&#xff1a;对接Stable Diffusion WebUI插件生态的兼容方案 1. 引言&#xff1a;当定制模型遇上主流生态 如果你是一位AI绘画的开发者或爱好者&#xff0c;手里有一个精心调校的、专门生成“辉夜巫女”风格的文生图模型&#xff0c;你可能会…...

编程新知 2026/3/28 23:34:43

Rivets.js格式化器深度解析：自定义数据转换和业务逻辑处理

Rivets.js格式化器深度解析&#xff1a;自定义数据转换和业务逻辑处理 【免费下载链接】rivets Lightweight and powerful data binding. 项目地址: https://gitcode.com/gh_mirrors/ri/rivets Rivets.js是一个轻量级且功能强大的数据绑定库&#xff0c;它提供了灵活的格…...

编程新知 2026/3/28 23:04:21

Font-Awesome-SVG-PNG 核心原理：深入解析SVG到PNG的转换机制

Font-Awesome-SVG-PNG 核心原理&#xff1a;深入解析SVG到PNG的转换机制 【免费下载链接】Font-Awesome-SVG-PNG Font Awesome split to individual SVG and PNG files of different sizes along with Node.JS based generator 项目地址: https://gitcode.com/gh_mirrors/fo/…...

编程新知 2026/3/28 22:54:16

创龙T113-i开发板：从SDK解压到镜像打包，一个完整Linux系统构建实录（含80分钟编译避坑）

创龙T113-i开发板实战&#xff1a;从零构建嵌入式Linux系统的完整指南 1. 开发环境准备与SDK解压 第一次接触全志T113-i开发板时&#xff0c;最令人头疼的莫过于搭建开发环境。与常见的树莓派或BeagleBone开发板不同&#xff0c;工业级嵌入式设备往往需要更专业的工具链支持。我…...

编程新知 2026/3/28 21:33:52

04.如何在Allegro X中导入机械结构尺寸图纸和注意事项 I Allegro X PCB设计小诀窍系列

大家好&#xff01;在进行PCB设计时&#xff0c;我们经常需要根据机械结构工程师提供的**DXF图纸**来确定板框形状、定位孔位置、元器件高度限制区域等关键信息。如果手动在PCB中重新绘制这些几何图形&#xff0c;不仅耗时&#xff0c;还容易与结构图纸产生偏差——哪怕零点几毫…...

编程新知 2026/3/28 21:13:43

毕设「零焦虑」实测：paperzz 四步流水线，把本科毕业论文从 0 写到 12000 字

Paperzz-AI官网免费论文查重复率AIGC检测/开题报告/文献综述/论文初稿/期刊论文paperzz - 毕业论文-AIGC论文检测-AI智能降重-ai智能写作https://www.paperzz.cc/dissertation 谁本科毕设没陷入过「选题卡壳→文献凑数→框架乱套→格式崩溃」的死循环&#xff1f;对着万字要求…...

编程新知 2026/3/28 20:55:35

ChatGLM3-6B与VSCode深度集成：AI辅助编程实战

ChatGLM3-6B与VSCode深度集成&#xff1a;AI辅助编程实战 1. 引言 作为一名开发者&#xff0c;你是否曾经在深夜调试代码时&#xff0c;希望有个编程助手能帮你找出错误&#xff1f;或者在写复杂函数时&#xff0c;想要一个智能伙伴帮你补全代码&#xff1f;现在&#xff0c;…...

编程新知 2026/3/28 20:55:34

OpCore-Simplify：如何用零代码工具在15分钟内完成黑苹果配置

OpCore-Simplify&#xff1a;如何用零代码工具在15分钟内完成黑苹果配置 【免费下载链接】OpCore-Simplify A tool designed to simplify the creation of OpenCore EFI 项目地址: https://gitcode.com/GitHub_Trending/op/OpCore-Simplify 对于想要在PC上安装macOS的用…...

编程新知 2026/3/28 20:05:11