当前位置：网站首页 > 技术分类 > 正文

基于 Vue3.0+Electron 搭建桌面端应用

ztj100 2024-12-27 17:54 9 浏览 0 评论

今天给大家分享一些使用vue3和electron来搭建跨平台应用。

目前electron最新稳定版本为v11.2.1，star高达89.2K+。

# 官网地址
https://www.electronjs.org/

# 仓库地址
https://github.com/electron/electron

有数千个超优秀的软件是基于Electron来构建开发的。

使用vue语法来开发electron项目，有一个比较火的脚手架是electron-vue，不过很久没有更新了，而且是vue-cli2.x版本的。今天要分享的是Vue3.x开发Electron项目，所以只能手动配置开发环境。

我们使用Vue CLI脚手架和vue-cli-plugin-electron-builder插件来搭建项目。

1、安装最新版Vue CLI脚手架

npm install -g @vue/cli

2、创建Vue3项目

具体的选项配置，大家自行选择。

vue create vue3-electron

3、Vue3项目集成Electron

安装vue-cli-plugin-electron-builder插件。

cd vue3-electron
vue add electron-builder

安装过程中，会提示选择electron版本，大家选择最新的版本即可。

4、开发调试


npm run electron:serve
// 或者
yarn electron:serve

5、构建打包

npm run electron:build
// 或者
yarn electron:build

这样Vue3+Electron完整构建跨平台项目就初步搭建好了。另外一些具体的electron配置，大家去官网查阅文档就行。

ending, 今天就分享到这里吧~~ [困]

vue electron

上一篇：我的第一款微信小程序，经历了初始的学习探索到实现想法的完成
下一篇：Electron桌面应用开发日记:一、起步，整合Vue3

相关推荐

Java项目宝塔搭建实战MES-Springboot开源MES智能制造系统源码: 大家好啊，我是测评君，欢迎来到web测评。...

一个令人头秃的问题，Logback 日志级别设置竟然无效?: 原文链接：https://mp.weixin.qq.com/s/EFvbFwetmXXA9ZGBGswUsQ原作者：小黑十一点半...

实战!SpringBoot + RabbitMQ死信队列实现超时关单: 需求背景之为什么要有超时关单原因一：...

火了!阿里P8架构师编写堪称神级SpringBoot手册，GitHub星标99+: Springboot现在已成为企业面试中必备的知识点，以及企业应用的重要模块。今天小编给大家分享一份来着阿里P8架构师编写的...

Java本地搭建宝塔部署实战springboot仓库管理系统源码: 大家好啊，我是测评君，欢迎来到web测评。...

工具尝鲜(1)-Fleet构建运行一个Springboot入门Web项目: Fleet是JetBrains公司推出的轻量级编辑器，对标VSCode。该款产品还在公测当中，具体下载链接如下JetBrainsFleet：由JetBrains打造的下一代IDE。想要尝试的...

SPRINGBOOT WEB 实现文件夹上传(保留目录结构): 网上搜到的SpringBoot的代码不多，完整的不多，能用的也不多，基本上大部分的文章只是提供了少量的代码，讲一下思路，或者实现方案。之前一般的做法都是使用HTML5来做的，大部都是传文件的，传文件夹...

Java项目本地部署宝塔搭建实战报修小程序springboot版系统源码: 大家好啊，我是测评君，欢迎来到web测评。...

新年IT界大笑料“工行取得基于SpringBoot的web系统后端实现专利: 先看看专利描述...

看完SpringBoot源码后，整个人都精神了: 前言当读完SpringBoot源码后，被Spring的设计者们折服，Spring系列中没有几行代码是我们看不懂的，而是难在理解设计思路，阅读Spring、SpringMVC、SpringBoot需要花...

阿里大牛再爆神著:SpringBoot+Cloud微服务手册: 今天给大家分享的这份“Springboot+Springcloud微服务开发实战手册”共有以下三大特点...

WebClient是什么?SpringBoot中如何使用WebClient?: WebClient是什么？WebClient是SpringFramework5引入的一个非阻塞、响应式的Web客户端库。它提供了一种简单而强大的方式来进行HTTP请求，并处理来自服务器的响应。与传...

SpringBoot系列——基于mui的H5套壳APP开发web框架: 　　前言　　大致原理：创建一个main主页面，只有主页面有头部、尾部，中间内容嵌入iframe内容子页面，如果在当前页面进行跳转操作，也是在iframe中进行跳转，而如果点击尾部按钮切换模块、页面，那...

在Spring Boot中使用 jose4j 实现 JSON Web Token (JWT): JSONWebToken或JWT作为服务之间安全通信的一种方式而闻名。...

Spring Boot使用AOP方式实现统一的Web请求日志记录?: AOP简介AOP(AspectOrientedProgramming)，面相切面编程，是通过代码预编译与运行时动态代理的方式来实现程序的统一功能维护的方案。AOP作为Spring框架的核心内容，通...

取消回复欢迎你发表评论:

一周热门

最近发表

首页
收录
顶部