Electron Vue3 开发笔记(一) electron+vue
ztj100 2024-12-27 17:54 9 浏览 0 评论
最近，公司做了一个小项目，会议室管理，做了太多Web端，于是想尝试一下客户端 GUI开发，查了一下网上的资料，发现 Electron，于是尝试了一下。现将开发过程中遇到的一些坑分享给大家。
项目截图：
?
?
?
?
技术方案
Electron+vue3+elem+Element Plus+vite+typescript+yarn
特别感谢B站的“最爱白菜吖”博主分享的视频，前期在项目搭建遇见过很多问题，看了他的视频，整个项目很快就搭建起来了。
时间有限，本人会把整个项目过程遇到的各种坑陆续分享给大家，敬请期待。着急的小伙伴可以私信“electron”给我，我会陆续发布源码。
先说一下“Electron”，官方网址：https://www.electronjs.org/，来自官方首页的一句话，“使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序”。传统的客户端GUI程序如VB、.NET、VC、QT、Dephi等，当然还有我们的万能语言Pyqt，这些对于现在习惯于B/S结构WEB开发者比较陌生，需要掌握的框架以及跨平台API都比较多，开发门槛相对比较高，Electron的出现彻底改变了这个方式，使得web前端工程师就可以轻易的构建GUI应用程序，开发周期缩短，大大降低了开发难度，当然，也有人说Electron打包体积过大，空项目达到200M，这个目前我的这个项目没有达到，亲测打完包60M左右，当然如果底层开发或者对性能要求比较高，还是建议用C++去实现。
?
相关推荐
- 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框架的核心内容，通...
欢迎 你 发表评论:
- 一周热门
- 最近发表
-
- Java项目宝塔搭建实战MES-Springboot开源MES智能制造系统源码
- 一个令人头秃的问题，Logback 日志级别设置竟然无效?
- 实战!SpringBoot + RabbitMQ死信队列实现超时关单
- 火了!阿里P8架构师编写堪称神级SpringBoot手册，GitHub星标99+
- Java本地搭建宝塔部署实战springboot仓库管理系统源码
- 工具尝鲜(1)-Fleet构建运行一个Springboot入门Web项目
- SPRINGBOOT WEB 实现文件夹上传(保留目录结构)
- Java项目本地部署宝塔搭建实战报修小程序springboot版系统源码
- 新年IT界大笑料“工行取得基于SpringBoot的web系统后端实现专利
- 看完SpringBoot源码后，整个人都精神了
- 标签列表
-
- idea eval reset (50)
- vue dispatch (70)
- update canceled (42)
- order by asc (53)
- spring gateway (67)
- 简单代码编程 贪吃蛇 (40)
- transforms.resize (33)
- redisson trylock (35)
- 卸载node (35)
- np.reshape (33)
- torch.arange (34)
- node卸载 (33)
- npm 源 (35)
- vue3 deep (35)
- win10 ssh (35)
- exceptionininitializererror (33)
- vue foreach (34)
- idea设置编码为utf8 (35)
- vue 数组添加元素 (34)
- std find (34)
- tablefield注解用途 (35)
- python str转json (34)
- java websocket客户端 (34)
- tensor.view (34)
- java jackson (34)