现有的vue3+ts+vite项目集成electron
效果图
什么时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是…...
线性代数的学习和整理8： 方阵和行列式相关（草稿-----未完成）
1.4.1 方阵 矩阵里，行数列数的矩阵叫做方阵方阵有很多很好的特殊属性 1.4.2 行列式 行列式是方阵的一种特殊运算如果矩阵行数列数相等，那么这个矩阵是方阵。行列数的计算方式和矩阵的不同只有方阵才有行列式行列式其实是，矩阵变化的一个面…...
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 "…...
Windows安装 Elasticsearch 教程
下载地址 Past Releases of Elastic Stack Software | Elastic 解压 解压完的样子 进入BIN目录 D:\Develop\elasticsearch\elasticsearch-7.12.0\bin 按住shift 鼠标右键 打开 powershell 窗口 查看ES版本 .\elasticsearch.bat --version 出现问题了 警告：不赞成…...
Dubbo 融合 Nacos 成为注册中心
快速上手 Dubbo 融合 Nacos 成为注册中心的操作步骤非常简单，大致步骤可分为“增加 Maven 依赖”以及“配置注册中心“。 增加 Maven 依赖 只需要依赖Dubbo客户端即可，关于推荐的使用版本，请参考Dubbo官方文档或者咨询Dubbo开发人员&#…...
kafka--kafka基础概念-ISR详解
kafka基础概念-ISR详解 主要是讲 主 往 从同步中的问题 当绿色P1接收到写入的数据，要同步到紫色的P1S1和P1S2 如何保证一致性呢？ 使用In Sync Replicas 也就是ISR概念 为什么不一致的？ 因为P1S1同步数据 可能花费 50ms P1S2可能花费60ms…...
《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节点 + …...
音频解码及如何在Java实现
本人并不干这个，但是被迫下水了解了一下这个，稍微做了一下整理。再就是感觉现在网上以及ChatGPT在这方面给出的答案太水了，在此开辟一篇。无意放出代码，这里只介绍一些可能重要的点。 本来以为有了ChatGPT写这些就没有必要了&…...
Webshell 及检测绕过
webshell 概念 web指的是在web服务器上，而shell是用脚本语言编写的脚本程序，WebShell是一种用来进行网站和服务器管理的脚本程序,webshell一般是被网站管理员用于网站管理、服务器管理等等一些用途，但是由于webshell的功能比较强大࿰…...
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 版本，选择…...
Vue初识别--环境搭建--前置配置过程
问题一： 在浏览器上的扩展程序上添加了vue-devtools后不生效： 解决方式：打开刚加入的扩展工具Vue.js devtools的允许访问文件地址设置 问题二：Vue新建一个项目 创建一个空文件夹hrsone，然后在VSCode中打开这个空文件夹…...
数据在内存中的储存·大小端（文字+画图详解）（c语言·超详细入门必看）
前言：Hello，大家好，我是心跳sy😘，本节我们介绍c语言的两种基本的内置数据类型：数值类型和字符类型在内存中的储存方法，并对大小端进行详细介绍（附两种大小端判断方法）&am…...
Word怎么转换成PDF文档？多个Word转换成PDF步骤分享
word文档是一种非常好用的文件格式，可以帮助用户们很好的保存图片和文字内容，不过并不是只有word这一种文档类文件格式，还有一种pdf文档也深受用户们的欢迎，在工作或者学习过程中这两种文档是可以互相转换格式的，那么W…...
【C++习题集】-- 堆
（用于复习） 目录 树概念及结构 名词概念 二叉树概念及结构 特殊的二叉树 满二叉树 完全二叉树 运算性质 二叉树存储结构 顺序存储 链式存储 堆 - 顺序存储 堆的性质 堆的实现 堆的应用 堆排序 直接建堆法 树概念及结构 概念：…...
vue + vue-office 实现多种文件(docx、excel、pdf)的预览
支持多种文件( docx、excel、pdf)预览的vue组件库，支持vue2/3。也支持非Vue框架的预览。 github: 《仓库地址》 演 示： 《演示效果》 功能特色 一站式：提供docx、pdf、excel多种文档的在线预览方案，有它就够了简单：…...
30.Netty源码服务端启动主要流程
highlight: arduino-light 服务端启动主要流程 •创建 selector •创建 server socket channel •初始化 server socket channel •给 server socket channel 从 boss group 中选择一个 NioEventLoop •将 server socket channel 注册到选择的 NioEventLoop 的 selector •…...
ssh端口转发
在本地客户端操作： ssh远程连接一段时间会失效的问题 vim /etc/ssh_config或vim /etc/ssh/ssh_config 在末尾添加ServerAliveInterval 30，意思是30s会发送一次向服务器连接的请求，以保持会话始终在线 验证: 放一段时间不操作，…...
独立站SEO是什么意思？自主网站SEO的含义？
什么是独立站SEO优化？自建站搜索引擎优化是指什么？ 独立站SEO，作为网络营销的重要一环，正在逐渐引起人们的关注。在当今数字化时代，独立站已经成为许多企业、个人宣传推广的首选平台之一。那么，究竟什么是…...
Android JNI系列详解之NDK和JNI介绍
一、前提 针对自己在Android JNI和NDK这块技术的空白知识点，进行这个JNI系列的学习，记录这一阶段的学习。学习的主要步骤：从概念原理解析--->边学边实战--->从易到难，循序渐进。（学习这一阶段的前提：需要有Android开发基础） 学完JNI-NDK开发系列，达到的目的有：…...
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…...
浅析Java设计模式之四策略模式
title: 浅析Java设计模式之四策略模式 date: 2018-12-29 17:26:17 categories: 设计模式 description: 浅析Java设计模式之四策略模式 1. 目录 1. 目录2. 概念 2.1. 应用场景2.2. 优缺点 2.2.1. 优点2.2.2. 缺点 3. 模式结构4. 样例 4.1. 定义策略4.2. 定义具体策略4.3. 定义…...
基于Spring Boot的餐厅订餐网站的设计与实现（Java+spring boot+MySQL）
获取源码或者论文请私信博主 演示视频： 基于Spring Boot的餐厅订餐网站的设计与实现（Javaspring bootMySQL） 使用技术： 前端：html css javascript jQuery ajax thymeleaf 微信小程序 后端：Java springbo…...
【图像分割】理论篇（1）评估指标代码实现
图像分割是计算机视觉中的重要任务，用于将图像中的不同区域分割成具有语义意义的区域。以下是几种常用的图像分割评价指标以及它们的代码实现示例（使用Python和常见的计算机视觉库）： 1. IoU (Intersection over Union) 与目标检…...
Git checkout 某个版本到指定文件夹下
文章目录 场景说明方案一：git archive 最简单省事方案二：git show 最灵活, 但文件较多时麻烦方案三：git --work-tree 有bug 场景说明 我不想checkout到覆盖本地工作区的文件， 而是想把该版本checkout到另外一个文件夹下ÿ…...
Java多态详解（2）
向上转型和向下转型 向上转型 定义：实际就是创建一个子类对象，将其当作父类对象来使用。 语法格式：父类类型 对象名 new 子类类型() Animal animal new Cat("元宝"， 2); animal是父类类型，但是可以引用子…...
Camtasia导入srt字幕乱码
我们在使用camtasia制作视频项目时，有时为了用户体验需要导入srt格式的字幕文件，在操作无误的情况下，一顿操作猛如虎之后字幕顺利的导入到软件中了，但字幕却出现了乱码的现象。如下图所示： 如何解决srt乱码问题呢&…...
YOLOv5、YOLOv8改进：SOCA注意力机制
目录 简介 2.YOLOv5使用SOCA注意力机制 2.1增加以下SOCA.yaml文件 2.2common.py配置 2.3yolo.py配置 简介 注意力机制（Attention Mechanism）源于对人类视觉的研究。在认知科学中，由于信息处理的瓶颈，人类会选择性地关注所有…...
机器人的运动范围
声明 该系列文章仅仅展示个人的解题思路和分析过程，并非一定是优质题解，重要的是通过分析和解决问题能让我们逐渐熟练和成长，从新手到大佬离不开一个磨练的过程，加油！ 原题链接 机器人的运动范围https://leetcode.c…...
学习笔记|基于Delay实现的LED闪烁|模块化编程|SOS求救灯光|STC32G单片机视频开发教程（冲哥）|第六集（下）：实现LED闪烁
文章目录 2 函数的使用1.函数定义（需要带类型）2.函数声明（需要带类型）3.函数调用 3 新建文件，使用模块化编程新建xxx.c和xxx.h文件xxx.h格式：调用头文件验证代码调用：完整的文件结构如下&#x…...
微服务-Ribbon(负载均衡)
负载均衡的面对多个相同的服务的时候，我们选择一定的策略去选择一个服务进行 负载均衡流程 Ribbon结构组成 负载均衡策略 RoundRobinRule：简单的轮询服务列表来选择服务器AvailabilityFilteringRule 对两种情况服务器进行忽略： 1.在默认情…...
python编程网站/搜索引擎排名优化seo课后题
双十一是中国的销售旺季，而排灯节则是印度的销售旺季，在时间上两者也相当接近。国内最大电商阿里巴巴投资并是最大股东的印度电视Paytm mall正为此做准备，以与印度市场的两大电商亚马逊和flipkart展开竞争，而它的策略就是将在国内…...
怎样做旅游网站/肇庆seo按天收费
暂无转载于:https://www.cnblogs.com/Sue_/articles/1657390.html...
商业活动的网站建设/自己怎么免费做网站
阿酷TONY / 2022-11-18 / 长沙 MR场景直播、MR培训场景和内容呈现以及直播互动功能，帮助企业高效开展员工培训，让整个培训过程更高效~~~ MR场景直播有哪些有意思的地方呢？先来一个图： ▲ 模拟真实光照还原现实景 丰富培训场景&a…...
彩票自己开盘做网站/谷歌关键词挖掘工具
通过MYSQL查询语句动态的显示图表一、在官网上下载对应的组件，四者均可，并倒入到项目的JS包下二、写MYSQL语句并查询的数量num和名称nameSELECT s.peopleNums,r.name from statistics as s,readrooms as r where s.ReadRoomID r.ID GROUP BY s.ReadRoom…...
wordpress调用指定id目录/品牌seo推广咨询
问题描述 今天自己写demo需要用到jodconverter-2.2.2.jar,但是maven库中只有2.2.1的版本。我看网上有提供jar包的。于是我下载下来，但是怎么引用到pom文件中呢？并且保证之后打包能够正常运行。终于找到一个正确 的方案，亲测可用，这…...
网站建设运营维护合同/平台推广营销
除了使用xlrd库或者xlwt库进行对excel表格的操作读与写，而且pandas库同样支持excel的操作；且pandas操作更加简介方便。首先是pd.read_excel的参数：函数为：pd.read_excel(io, sheetname0,header0,skiprowsNone,index_colNone,names…...