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

基于Electron+Vue3创建桌面应用

news 2026/4/30 21:52:00

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

LLaMA系列：开源大模型标杆详解

LLaMA系列&#xff1a;开源大模型标杆详解&#x1f4dd; 本章学习目标&#xff1a;通过本章学习&#xff0c;你将全面掌握"LLaMA系列&#xff1a;开源大模型标杆详解"这一核心主题&#xff0c;建立系统性认知。一、引言&#xff1a;为什么这个话题如此重要 在人工智能…...

编程新知 2026/4/30 21:00:56

药物研发数据处理或GSP合规管理医药Agent推荐：2026数智医药全链路自动化实战

2026年&#xff0c;医药行业已全面进入“实时监管”与“数据驱动”的深水区。 无论是药物研发阶段的高维数据清洗&#xff0c;还是GSP&#xff08;药品经营质量管理规范&#xff09;流通过程中的合规追溯&#xff0c;传统的手工记录或单一的脚本自动化已无法应对海量异构数据的…...

编程新知 2026/4/30 20:58:52

如何快速解密QQ音乐加密文件：qmcdump终极免费解决方案

如何快速解密QQ音乐加密文件&#xff1a;qmcdump终极免费解决方案 【免费下载链接】qmcdump 一个简单的QQ音乐解码&#xff08;qmcflac/qmc0/qmc3 转 flac/mp3&#xff09;&#xff0c;仅为个人学习参考用。 项目地址: https://gitcode.com/gh_mirrors/qm/qmcdump 想要在…...

编程新知 2026/4/30 20:27:05

物联网开发工具链容器化实践：基于Docker Compose的一站式部署方案

1. 项目概述与核心价值最近在折腾物联网项目&#xff0c;从传感器数据采集到云端处理&#xff0c;再到前端展示&#xff0c;整个链路里最让我头疼的不是某个具体功能的实现&#xff0c;而是那些“不起眼”的工具链。比如&#xff0c;一个MQTT Broker的快速部署脚本、一个批量生…...

编程新知 2026/4/30 20:14:03

2026年企业级AiPPT私有化部署首选 AiPPT.cn以安全与定制赋能企业数字化办公

随着生成式AI技术的规模化落地&#xff0c;企业数字化转型进入深水区&#xff0c;智能办公工具市场持续高速增长。对于央国企、金融、政务等强监管行业&#xff0c;以及对数据资产、品牌规范、业务协同有高要求的大中型企业而言&#xff0c;通用型公有云AI PPT工具已无法满足核…...

编程新知 2026/4/30 18:34:43

大语言模型置信度校准：CritiCal项目技术解析

1. 项目背景与核心价值置信度校准&#xff08;Confidence Calibration&#xff09;是当前大语言模型&#xff08;LLM&#xff09;应用中的关键挑战。当模型对自身输出的正确性缺乏准确评估时&#xff0c;会导致两种典型问题&#xff1a;过度自信的错误预测&#xff08;false po…...

编程新知 2026/4/30 18:25:47

NsEmuTools：让NS模拟器管理变得简单高效的跨平台自动化方案

NsEmuTools&#xff1a;让NS模拟器管理变得简单高效的跨平台自动化方案 【免费下载链接】ns-emu-tools 一个用于安装/更新 NS 模拟器的工具 项目地址: https://gitcode.com/gh_mirrors/ns/ns-emu-tools 您是否曾经为了安装和配置NS模拟器而花费数小时&#xff1f;是否在…...

编程新知 2026/4/30 17:55:47

别再只会用BLDC方波驱动了！深入浅出对比FOC与六步换相的噪音、效率与适用场景

无刷电机控制技术进阶&#xff1a;FOC与六步换相的深度对比与选型指南 在消费电子和工业设备领域&#xff0c;无刷直流电机(BLDC)凭借高效率、长寿命和低维护成本等优势&#xff0c;正逐步取代传统有刷电机。然而&#xff0c;面对不同的应用场景&#xff0c;工程师们常常陷入控…...

编程新知 2026/4/30 17:45:25

终极OBS多平台直播插件指南：obs-multi-rtmp一键同步推流到所有平台

终极OBS多平台直播插件指南&#xff1a;obs-multi-rtmp一键同步推流到所有平台 【免费下载链接】obs-multi-rtmp OBS複数サイト同時配信プラグイン 项目地址: https://gitcode.com/gh_mirrors/ob/obs-multi-rtmp 你是否曾在直播时面临这样的困境&#xff1a;想要同时在B…...

编程新知 2026/4/30 17:24:42

阿里云盘Refresh Token获取：3分钟掌握API访问密钥的安全之道

阿里云盘Refresh Token获取&#xff1a;3分钟掌握API访问密钥的安全之道 【免费下载链接】aliyundriver-refresh-token QR Code扫码获取阿里云盘refresh token For Web 项目地址: https://gitcode.com/gh_mirrors/al/aliyundriver-refresh-token 你是否曾想过&#xff0…...

编程新知 2026/4/30 17:14:30