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

现有的vue3+ts+vite项目集成electron

news 2026/2/7 20:33:14

效果图

在这里插入图片描述

什么时Electron

Electron是使用JavaScript，HTML和CSS构建跨平台的桌面应用程序框架。 Electron兼容Mac、Windows和Linux，可以构建出三个平台的应用程序。

现有的vue3项目集成Electron

安装依赖

原来有一个vue3+ts+vite+pnpm的项目，其中sub-modules是子项目，web是主入口项目，项目结构如下：
在这里插入图片描述
需要将其转换成Electron项目，只需要在原来web项目上安装Electron依赖并进行配置即可。

在安装依赖前我们需要先设置下pnpm的源，如下：

pnpm config  set  electron_mirror=https://npm.taobao.org/mirrors/electron/

现有的vue3+ts+vite项目集成electron

效果图什么时Electron Electron是使用JavaScript，HTML和CSS构建跨平台的桌面应用程序框架。 Electron兼容Mac、Windows和Linux，可以构建出三个平台的应用程序。现有的vue3项目集成Electron 安装依赖原来有一个vue3+ts+vite+pnpm的项目，其中sub-modules是子项目，web是…...

编程日记 2023/8/21 17:03:22

线性代数的学习和整理8：方阵和行列式相关（草稿-----未完成）

1.4.1 方阵矩阵里，行数列数的矩阵叫做方阵方阵有很多很好的特殊属性 1.4.2 行列式行列式是方阵的一种特殊运算如果矩阵行数列数相等，那么这个矩阵是方阵。行列数的计算方式和矩阵的不同只有方阵才有行列式行列式其实是，矩阵变化的一个面…...

编程日记 2023/8/21 17:02:21

Ubuntu vi 左下角没有提示

1 打开终端，输入以下命令 sudo gedit /etc/vim/vimrc.tiny 2 进入文件后，修改 set compatible 为set nocompatible，如下所示： " Vim configuration file, in effect when invoked as "vi". The aim of this "…...

编程日记 2023/8/21 17:01:20

下载地址 Past Releases of Elastic Stack Software | Elastic 解压解压完的样子进入BIN目录 D:\Develop\elasticsearch\elasticsearch-7.12.0\bin 按住shift 鼠标右键打开 powershell 窗口查看ES版本 .\elasticsearch.bat --version 出现问题了警告：不赞成…...

编程日记 2023/8/21 17:00:19

Dubbo 融合 Nacos 成为注册中心

快速上手 Dubbo 融合 Nacos 成为注册中心的操作步骤非常简单，大致步骤可分为“增加 Maven 依赖”以及“配置注册中心“。增加 Maven 依赖只需要依赖Dubbo客户端即可，关于推荐的使用版本，请参考Dubbo官方文档或者咨询Dubbo开发人员&#…...

编程日记 2023/8/21 16:59:16

kafka--kafka基础概念-ISR详解

kafka基础概念-ISR详解主要是讲主往从同步中的问题当绿色P1接收到写入的数据，要同步到紫色的P1S1和P1S2 如何保证一致性呢？ 使用In Sync Replicas 也就是ISR概念为什么不一致的？ 因为P1S1同步数据可能花费 50ms P1S2可能花费60ms…...

编程日记 2023/8/21 16:58:13

《Kubernetes部署篇：Ubuntu20.04基于外部etcd+部署kubernetes1.24.16集群(多主多从）》

一、架构图如下图所示：二、环境信息 1、部署规划主机名K8S版本系统版本内核版本IP地址备注k8s-master-631.24.16Ubuntu 20.04.5 LTS5.15.0-69-generic192.168.1.63master节点 + etcd节点k8s-master-641.24.16Ubuntu 20.04.5 LTS5.15.0-69-generic192.168.1.64master节点 + …...

编程日记 2023/8/21 16:57:09

音频解码及如何在Java实现

本人并不干这个，但是被迫下水了解了一下这个，稍微做了一下整理。再就是感觉现在网上以及ChatGPT在这方面给出的答案太水了，在此开辟一篇。无意放出代码，这里只介绍一些可能重要的点。本来以为有了ChatGPT写这些就没有必要了&…...

编程日记 2023/8/21 16:56:07

Webshell 及检测绕过

webshell 概念 web指的是在web服务器上，而shell是用脚本语言编写的脚本程序，WebShell是一种用来进行网站和服务器管理的脚本程序,webshell一般是被网站管理员用于网站管理、服务器管理等等一些用途，但是由于webshell的功能比较强大&#xff0…...

编程日记 2023/8/21 16:55:05

Ubuntu22.4系统mongodb数据库安装

Ubuntu22.4系统mongodb数据库安装 1、打开终端并运行以下命令，以导入 MongoDB GPG 密钥： wget -qO - https://www.mongodb.org/static/pgp/server-5.0.asc | sudo apt-key add -2、添加 MongoDB 仓库到你的系统。根据你的 Ubuntu 版本，选择…...

编程日记 2023/8/21 16:54:03

Vue初识别--环境搭建--前置配置过程

问题一： 在浏览器上的扩展程序上添加了vue-devtools后不生效： 解决方式：打开刚加入的扩展工具Vue.js devtools的允许访问文件地址设置问题二：Vue新建一个项目创建一个空文件夹hrsone，然后在VSCode中打开这个空文件夹…...

编程日记 2023/8/21 16:53:02

数据在内存中的储存·大小端（文字+画图详解）（c语言·超详细入门必看）

前言：Hello，大家好，我是心跳sy😘，本节我们介绍c语言的两种基本的内置数据类型：数值类型和字符类型在内存中的储存方法，并对大小端进行详细介绍（附两种大小端判断方法）&am…...

编程日记 2023/8/21 16:52:01

Word怎么转换成PDF文档？多个Word转换成PDF步骤分享

word文档是一种非常好用的文件格式，可以帮助用户们很好的保存图片和文字内容，不过并不是只有word这一种文档类文件格式，还有一种pdf文档也深受用户们的欢迎，在工作或者学习过程中这两种文档是可以互相转换格式的，那么W…...

编程日记 2023/8/21 16:50:59

【C++习题集】-- 堆

（用于复习） 目录树概念及结构名词概念二叉树概念及结构特殊的二叉树满二叉树完全二叉树运算性质二叉树存储结构顺序存储链式存储堆 - 顺序存储堆的性质堆的实现堆的应用堆排序直接建堆法树概念及结构概念&#xff1a…...

编程日记 2023/8/21 16:49:57

vue + vue-office 实现多种文件(docx、excel、pdf)的预览

支持多种文件( docx、excel、pdf)预览的vue组件库，支持vue2/3。也支持非Vue框架的预览。 github: 《仓库地址》演示： 《演示效果》功能特色一站式：提供docx、pdf、excel多种文档的在线预览方案，有它就够了简单&#xff1a…...

编程日记 2023/8/21 16:48:56

30.Netty源码服务端启动主要流程

highlight: arduino-light 服务端启动主要流程 •创建 selector •创建 server socket channel •初始化 server socket channel •给 server socket channel 从 boss group 中选择一个 NioEventLoop •将 server socket channel 注册到选择的 NioEventLoop 的 selector •…...

编程日记 2023/8/21 16:47:54

ssh端口转发

在本地客户端操作： ssh远程连接一段时间会失效的问题 vim /etc/ssh_config或vim /etc/ssh/ssh_config 在末尾添加ServerAliveInterval 30，意思是30s会发送一次向服务器连接的请求，以保持会话始终在线验证: 放一段时间不操作，…...

编程日记 2023/8/21 16:46:52

独立站SEO是什么意思？自主网站SEO的含义？

什么是独立站SEO优化？自建站搜索引擎优化是指什么？ 独立站SEO，作为网络营销的重要一环，正在逐渐引起人们的关注。在当今数字化时代，独立站已经成为许多企业、个人宣传推广的首选平台之一。那么，究竟什么是…...

编程日记 2023/8/21 16:45:50

Android JNI系列详解之NDK和JNI介绍

一、前提针对自己在Android JNI和NDK这块技术的空白知识点，进行这个JNI系列的学习，记录这一阶段的学习。学习的主要步骤：从概念原理解析--->边学边实战--->从易到难，循序渐进。（学习这一阶段的前提：需要有Android开发基础）学完JNI-NDK开发系列，达到的目的有：…...

编程日记 2023/8/21 16:44:49

LeetCode //C - 20. Valid Parentheses

20. Valid Parentheses Given a string s containing just the characters ‘(’, ‘)’, ‘{’, ‘}’, ‘[’ and ‘]’, determine if the input string is valid. An input string is valid if: Open brackets must be closed by the same type of brackets.Open bracke…...

编程日记 2023/8/21 16:43:48

基于算法竞赛的c++编程（28）结构体的进阶应用

结构体的嵌套与复杂数据组织在C中，结构体可以嵌套使用，形成更复杂的数据结构。例如，可以通过嵌套结构体描述多层级数据关系： struct Address {string city;string street;int zipCode; };struct Employee {string name;int id;…...

编程新知 2025/11/16 19:06:23

智慧医疗能源事业线深度画像分析（上）

引言医疗行业作为现代社会的关键基础设施，其能源消耗与环境影响正日益受到关注。随着全球"双碳"目标的推进和可持续发展理念的深入，智慧医疗能源事业线应运而生，致力于通过创新技术与管理方案，重构医疗领域的能源使用模式。这一事业线融合了能源管理、可持续发…...

编程新知 2026/2/5 4:39:34

Docker 运行 Kafka 带 SASL 认证教程

Docker 运行 Kafka 带 SASL 认证教程 Docker 运行 Kafka 带 SASL 认证教程一、说明二、环境准备三、编写 Docker Compose 和 jaas文件docker-compose.yml代码说明：server_jaas.conf 四、启动服务五、验证服务六、连接kafka服务七、总结 Docker 运行 Kafka 带 SASL 认…...

编程新知 2026/1/23 4:15:03