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

基于Electron+Vue3创建桌面应用

news 2026/2/10 8:42:47

Electron 是一个开源框架，基于 Chromium 和 Node.js，用于开发跨平台桌面应用程序。它允许开发者使用 HTML、CSS 和 JavaScript 等 Web 技术构建原生桌面应用，支持 Windows、macOS 和 Linux。Electron 以其开发便捷性、强大的功能和丰富的生态系统而广泛应用于工具类应用、媒体播放器、代码编辑器等领域。

在现代前端开发中，Vue.js 是一个非常受欢迎的框架，而 Electron 则是一个强大的工具，用于将 Web 应用打包为桌面应用。将两者结合，可以让 Vue 应用在桌面环境中运行。

1. 创建 Vue 3 项目

首先需要安装 Vue CLI，这是一个用于快速搭建 Vue.js 项目的命令行工具。

npm install -g @vue/cli

安装完成后，使用以下命令创建一个新的 Vue 3 项目：

vue create my-vue-electron-app

在创建过程中，Vue CLI 会提示选择一些配置选项，例如是否使用 TypeScript、是否使用路由等。根据需求进行选择即可。

2. 添加 Electron

在项目目录下运行以下命令，安装 Electron 和 electron-builder（用于打包应用）：

npm install electron electron-builder --save-dev

3. 安装 Vue CLI 插件

为了更好的集成 Electron 和 Vue，还需要安装 vu

相关文章：

基于Electron+Vue3创建桌面应用

Electron 是一个开源框架，基于 Chromium 和 Node.js，用于开发跨平台桌面应用程序。它允许开发者使用 HTML、CSS 和 JavaScript 等 Web 技术构建原生桌面应用，支持 Windows、macOS 和 Linux。Electron 以其开发便捷性、强大的功能和丰富的生态系统而广泛应用于工具类应用、媒…...

编程日记 2025/2/19 7:35:59

建立稳定分析模式的模式语言01

Haitham Hamza 等 著，wnb 译 摘要 一般认为，软件分析模式在减少开销和缩短软件产品生命周期等方面会起到重要的作用。然而，分析模式的巨大潜能还未被充分发掘。缺乏稳定性是当前分析模式存在的主要问题。多数情况下，为特定问题建…...

编程日记 2025/2/19 7:34:58

【C++游戏开发-五子棋】

使用C开发五子棋游戏的详细实现方案，涵盖核心逻辑、界面设计和AI对战功能： 1. 项目结构 FiveChess/ ├── include/ │ ├── Board.h // 棋盘类 │ ├── Player.h // 玩家类 │ ├── AI.h // AI类 │ └── Game.h // 游戏主逻辑 ├── src/ …...

编程日记 2025/2/19 7:33:57

ubuntu20动态修改ip，springboot中yaml的内容的读取，修改，写入

文章目录 前言引入包yaml原始内容操作目标具体代码执行查看结果总结: 前言 之前有个需求，动态修改ubuntu20的ip，看了下： 本质上是修改01-netcfg.yaml文件，然后执行netplan apply就可以了。 所以，需求就变成了 如何对ya…...

编程日记 2025/2/19 7:31:55

tailwindcss学习02

vue中接入tailwindcss 使用cmd不要使用powershell npm create vitelatest stu02 -- --template vue cd stu02npm install --registry http://registry.npm.taobao.org npm install -D tailwindcss3.4.17 postcss autoprefixer --registry http://registry.npm.taobao.org npx t…...

编程日记 2025/2/19 7:29:52

千峰React:脚手架准备+JSX基础

组件化->封装性 React提供函数组件实现组件化 React和传统JS的区别就是JS需要手动管理DOM操作，React: 采用组件化开发，通过虚拟DOM提升性能。 MVC 是一种软件设计模式，全称为 Model-View-Controller（模型-视图-控制器&#x…...

编程日记 2025/2/19 7:28:51

【算法】快排

题目 快排 思路 如果输入为0或1直接返回；否则取一个基准值，可以取中间位置，如果输入是有序的可以避免时间过长，然后移动指针，先让i指针右移，如果小于基准值就继续右移，j指针左移同理。如果指…...

编程日记 2025/2/19 7:26:43

开放签电子签章工具版 2.0 正式发布，构建全场景电子签约能力、满足复杂的签章管理场景

根据近半年开源用户和市场需求反馈，开放签团队推出电子签章工具版2.0版本，主要解决复杂的签约流程集成和电子印章授权管理场景。以API接口对外提供服务和配置一套可视化后台管理系统，可与业务系统无缝集成，用户使用起来毫无“违和…...

编程日记 2025/2/19 7:25:32

python和pycharm 和Anaconda的关系

好的，下面我会详细说明 Python、PyCharm 和 Anaconda 三者的关系，并逐一解释它们的功能和作用。 1. Python（编程语言） 定义：Python 是一种高级编程语言，设计简洁，易于学习，且功能强…...

编程日记 2025/2/19 7:23:23

DeepSeek V3和R1

DeepSeek V3 和 R1 是深度求索（DeepSeek）推出的两款大模型，基于混合专家架构（MoE），但在设计目标、训练方法和应用场景上存在显著差异。以下是两者的详细对比与补充内容： DeepSeek V3和R1 一、模…...

编程日记 2025/2/19 7:21:19

JavaScript数组-获取数组中的元素

在JavaScript中，数组是一种非常实用的数据结构，它允许我们将多个值存储在一个单独的变量中。无论是数字、字符串还是对象，都可以作为数组的元素。获取数组中的特定元素是操作数组的基础技能之一。本文将详细介绍如何在JavaScript中获取数组中…...

编程日记 2025/2/19 7:20:15

SSE:用于流式传输的协议

一.什么是SSE SSE协议是一种基于http协议的单向通信协议，服务端可以向客户端发送数据，但是客户端不能向服务器发送数据。客户端通过创建一个到服务器的单向连接来监听事件。可以将一次性返回数据包改为流式返回数据。SSE协议支持断线重连，也支…...

编程日记 2025/2/19 7:17:08

Aseprite详细使用教程（7）——切片工具

1.名词解释 快捷键：ShiftC 切片工具功能（了解即可）： （1）优化资源加载: 将较大的图像切成多个较小的切片，可减小单个文件大小，在网页或游戏等场景中，能显著提升加载速度…...

编程日记 2025/2/19 7:15:01

航空公司客户价值分析

目录 1 目的 2 方法 3 源代码 4 结果 5 扩展 1 目的 ①借助航空公司客户数据，对客户进行分类； ②对不同的客户类别进行特征分析，比较不同类别的客户的价值； ③针对不同价值的客户类别制定相应的营销策略，为其提供个性…...

编程日记 2025/2/19 7:12:56

基于开源Odoo、SKF Phoenix API与IMAX-8数采网关的圆织机设备智慧运维实施方案 ——以某纺织集团圆织机设备管理场景为例

一、方案背景与需求分析 1.1 纺织行业设备管理痛点 以某华东地区大型纺织集团为例，其圆织机设备管理面临以下挑战： 非计划停机损失高：圆织机主轴轴承故障频发，2024年单次停机损失达12万元（停机8小时导致订单延误&am…...

编程日记 2025/2/19 7:09:48

LLM 架构

LLM 分类 : 自编码模型 (encoder) : 代表模型 : BERT自回归模型 (decoder) : 代表模型 : GPT序列到序列模型 (encoder-decoder) : 代表模型 : T5 自编码模型 (AutoEncoder model , AE) 代表模型 : BERT (Bidirectional Encoder Representation from Transformers)特点 : Enc…...

编程日记 2025/2/19 7:08:40

Word Embeddings

Count-based Approach Term-document matrix: Document vectors Two ways to extract information from the matrix: Column-wise: a document is represented by a |V|-dim vector (V: vocabulary) Widely used in information retrieval: find similar documents 查找類似…...

编程日记 2025/2/19 7:01:21

相机开发调中广角和焦距有什么不一样

在相机中，调整广角和调整焦距是两个不同的概念，它们的作用和实现方式也不同。以下是两者的详细对比和解释： 1. 调整广角 定义 广角是指相机的视野范围（Field of View, FOV）。调整广角实际上是调整相机的视野范围。更广的视野意味着可以捕捉到更多的场景内容（更宽的画面）…...

编程日记 2025/2/19 6:57:12

krpano学习笔记，端口修改，krpano二次开发文档，krpano三维div信息展示,krpano热点显示文字

一、修改krpano端口 .\tour_testingserver -port8085 &#xff0c;修改端口&#xff0c;指定启动时的端口 二、给krpano添加div展示信息 和场景一起转动&#xff0c;不是layer&#xff0c;layer是固定的&#xff0c;没啥用。 主要是onloaded里面的1个方法。 <action name…...

编程日记 2025/2/19 6:50:51

Jenkins 给任务分配 节点(Node)、设置工作空间目录

Jenkins 给任务分配 节点(Node)、设置工作空间目录 创建 Freestyle project 类型 任务 任务配置 Node 打开任务-> Configure-> General 勾选 Restrict where this project can be run Label Expression 填写一个 Node 的 Label&#xff0c;输入有效的 Label名字&#x…...

编程日记 2025/2/19 6:45:38

[ICLR 2022]How Much Can CLIP Benefit Vision-and-Language Tasks?

论文网址&#xff1a;pdf 英文是纯手打的&#xff01;论文原文的summarizing and paraphrasing。可能会出现难以避免的拼写错误和语法错误&#xff0c;若有发现欢迎评论指正&#xff01;文章偏向于笔记&#xff0c;谨慎食用 目录 1. 心得 2. 论文逐段精读 2.1. Abstract 2…...

编程新知 2026/2/6 14:42:11

P3 QT项目----记事本（3.8）

3.8 记事本项目总结 项目源码 1.main.cpp #include "widget.h" #include <QApplication> int main(int argc, char *argv[]) {QApplication a(argc, argv);Widget w;w.show();return a.exec(); } 2.widget.cpp #include "widget.h" #include &q…...

编程新知 2026/2/1 6:56:36

ETLCloud可能遇到的问题有哪些？常见坑位解析

数据集成平台ETLCloud&#xff0c;主要用于支持数据的抽取&#xff08;Extract&#xff09;、转换&#xff08;Transform&#xff09;和加载&#xff08;Load&#xff09;过程。提供了一个简洁直观的界面&#xff0c;以便用户可以在不同的数据源之间轻松地进行数据迁移和转换。…...

编程新知 2026/2/3 12:56:31

UR 协作机器人「三剑客」：精密轻量担当（UR7e）、全能协作主力（UR12e）、重型任务专家（UR15）

UR协作机器人正以其卓越性能在现代制造业自动化中扮演重要角色。UR7e、UR12e和UR15通过创新技术和精准设计满足了不同行业的多样化需求。其中&#xff0c;UR15以其速度、精度及人工智能准备能力成为自动化领域的重要突破。UR7e和UR12e则在负载规格和市场定位上不断优化&#xf…...

编程新知 2026/2/2 2:47:37

聊一聊接口测试的意义有哪些？

目录 一、隔离性 & 早期测试 二、保障系统集成质量 三、验证业务逻辑的核心层 四、提升测试效率与覆盖度 五、系统稳定性的守护者 六、驱动团队协作与契约管理 七、性能与扩展性的前置评估 八、持续交付的核心支撑 接口测试的意义可以从四个维度展开&#xff0c;首…...

编程新知 2026/2/10 2:11:49

高效线程安全的单例模式：Python 中的懒加载与自定义初始化参数

高效线程安全的单例模式：Python 中的懒加载与自定义初始化参数 在软件开发中，单例模式（Singleton Pattern）是一种常见的设计模式，确保一个类仅有一个实例，并提供一个全局访问点。在多线程环境下，实现单例模式时需要注意线程安全问题，以防止多个线程同时创建实例，导致…...

编程新知 2025/11/25 19:50:27

面向无人机海岸带生态系统监测的语义分割基准数据集

描述&#xff1a;海岸带生态系统的监测是维护生态平衡和可持续发展的重要任务。语义分割技术在遥感影像中的应用为海岸带生态系统的精准监测提供了有效手段。然而&#xff0c;目前该领域仍面临一个挑战&#xff0c;即缺乏公开的专门面向海岸带生态系统的语义分割基准数据集。受…...

编程新知 2026/1/25 14:15:52

SQL慢可能是触发了ring buffer

简介 最近在进行 postgresql 性能排查的时候，发现 PG 在某一个时间并行执行的 SQL 变得特别慢。最后通过监控监观察到并行发起得时间 buffers_alloc 就急速上升，且低水位伴随在整个慢 SQL，一直是 buferIO 的等待事件，此时也没有其他会话的争抢。SQL 虽然不是高效 SQL ，但…...

编程新知 2025/10/2 9:17:52

Vue ③-生命周期 || 脚手架

生命周期 思考&#xff1a;什么时候可以发送初始化渲染请求&#xff1f;&#xff08;越早越好&#xff09; 什么时候可以开始操作dom&#xff1f;&#xff08;至少dom得渲染出来&#xff09; Vue生命周期&#xff1a; 一个Vue实例从 创建 到 销毁 的整个过程。 生命周期四个…...

编程新知 2026/2/5 5:24:23

提升移动端网页调试效率：WebDebugX 与常见工具组合实践

在日常移动端开发中&#xff0c;网页调试始终是一个高频但又极具挑战的环节。尤其在面对 iOS 与 Android 的混合技术栈、各种设备差异化行为时&#xff0c;开发者迫切需要一套高效、可靠且跨平台的调试方案。过去&#xff0c;我们或多或少使用过 Chrome DevTools、Remote Debug…...

编程新知 2025/6/10 21:08:23