【electron+vite+vue3】项目搭建

最新推荐文章于 2025-06-27 15:03:38 发布

原创

最新推荐文章于 2025-06-27 15:03:38 发布 · 429 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#1024程序员节

electron文档
https://www.electronjs.org/zh/docs/latest/tutorial/quick-start

vite+electron+vue3 搭建参考
https://blog.csdn.net/qq_42365534/category_12271233.html

搭建过程

npm create electron-vite

# 指定 npm 国内镜像
npm config set registry=https://registry.npmmirror.com/
# 指定 Electron 的国内镜像地址
npm config set electron_mirror=https://npmmirror.com/mirrors/electron/

npm install

npm run dev

添加可选插件

setup组件名

npm i vite-plugin-vue-setup-extend -D

-

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

占星安啦

关注关注

5
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

使用Electron + Vite + Vue3实现跨平台终端，并踏MacOS打包windows包+Mac包的坑

qq_38811035的博客

09-09

944

本地打包成功，Mac电脑上打包其他平台的包需要安装一些插件，可以完成，没有实际在其他平台安装。

【electron-vite】搭建electron+vue3框架基础

我有满天星辰的博客

11-30

4415

electron项目搭建

参与评论您还未登录，请先登录后发表或查看评论

electron+vite+vue3 快速入门教程

前端领域技术分享

01-17

6503

本文将介绍electron基本使用和构建electron+vite+vue3脚手架开发项目electron框架对web开发人员来说非常友好，无须了解原生开发技能，就能通过web技术进行桌面应用开发，大大减少学习成本，一套代码能快速构建生成多端应用，也大幅减少了开发成本。简言之，electron开发可以看成是桌面功能开发+纯web页面开发，桌面功能开发在主进程调用Electron API，而web页面开发就是html，css，js技术栈。

electron + vite + vue3的框架搭建

weixin_64282111的博客

06-27

1303

之前已经了解过了Electron的基本语法，现在搭建一个electron + vite + vue3的初步框架。

Electron + vite + vue3简单实现

小多的博客

01-19

3602

/ 渲染进程接收主进程传递信息。接收渲染进程传递数据，通过。'主进程传递信息 :>> '// 渲染进程传递主进程信息。接收/传递信息主进程。

electron+vite+vue3+sqlite3基础框架

12-14

本项目是一个基于`Electron`的桌面应用程序开发框架，它结合了现代前端开发工具`Vite`和流行的前端框架`Vue.js`的最新版本`Vue3`，以及轻量级的本地数据库系统`SQLite3`。这个基础框架为开发者提供了一个快速启动新...

Electron+Vite+Vue3 模版

05-31

标题 "Electron+Vite+Vue3 模版" 提供了一个关于软件开发的集成环境，它结合了三个强大的技术栈：Electron、Vite 和 Vue3。这个模版是为开发者构建跨平台桌面应用而设计的，允许开发者使用现代前端技术栈的同时，...

基于electron+vite+vue3和python flask的文件交互GUI.zip

03-02

基于electron+vite+vue3和python flask的文件交互GUI.zip本项目是一个Electron项目，有一个文件上传接口，可以上传图片到Flask框架的后端，处理完（本项目的处理是去色加水印"myWatermark"）后直接返回前端显示。...

用vue3+elementPlus+vite搭建的electron桌面端应用模板，方便快速创建类似项目.zip

02-09

在本文中，我们将深入探讨如何使用Vue3、ElementPlus和Vite来构建一个基于Electron的桌面应用程序模板，以及这个模板对于快应用开发和企业级项目的实用价值。首先，我们来了解一下这几个关键技术： 1. Vue3：Vue.js...

electron+vite+vue+express+typescript项目

09-19

这个项目是一个使用现代前端技术和Node.js后端服务技术构建的跨平台桌面应用，它结合了Electron、Vite、Vue、Express和TypeScript，通过精心设计的目录结构和配置文件，实现了快速的开发流程和高效的项目管理。

vue3-electron-vite-ts:使用了vue3、electron、vite、ts

05-08

Vite电子生成器模板 Vite +电子= :fire: 这是用于电子应用的安全模板。遵循最新的安全要求，建议和最佳实践编写。引擎盖下使用了超级快，下一代捆绑用于编译的。默认情况下，该接口使用Vue框架，但是您可以轻松使用任何其他框架，例如React ， Preact ， Angular ， Svelte或其他任何框架。 Vite与框架无关支持此模板由维护。你可以继续开发此模板。如果您有想法，问题或建议-欢迎进行。 :smiling_face_with_smiling_eyes: 特征电子模板使用具有所有最新安全补丁程序的最新电子版本。应用程序的体系结构是根据安全建设和最佳实践。的最新版本用于编译应用程序。恶毒 Vite用于捆绑所有源代码。这是一款非常快速的打包机，具有许多强大的功能。您可以在此视频中了解有关其安排的更多信息。 Vite支持读取.env文件。我的模板有一个单独的命令来生成带有类型定义您的

electron+vue3+vite

WYP123456L的博客

06-25

763

其他打包方式在package.json中新增打包命令。# 指定 Electron 的国内淘宝镜像地址。1.使用命令创建工程（node版本在16上）在package.json中新增打包命令。electron打包需要打包插件。# 指定 npm 国内淘宝镜像。

electron实战之Electron+Vue+Vite+ElementPlus操作本地配置文件

BDawn的专栏

10-19

1760

使用Vue+Vite+ElementPlus搭建页面，然后通过electron将页面的表单信息保存到本地config.properties文件中。

Electron-Vite 项目搭建（Vue）

Mr. Zhang Xiaojian's Blog

12-12

1300

electron-vite如果一切设置正确，能够看到Electron 应用程序。完成上述步骤后，脚手架将会自动搭建好项目结构。的文件夹，并在其中创建一个。桌面应用

vite+electron构建一个VUE3桌面应用

qq_45787691的博客

08-25

6242

使用vite+electron创建一个vue3项目

Vite + Vue3 + Electron 创建打包桌面程序

热情、奔放、快乐编程！

05-21

3107

创建一个 Vite 项目安装 Electron 相关依赖。

electron+vue3全家桶+vite项目搭建【15】vue3+sass实现多主题一键切换，支持electron多窗口同步更新

个人网站：https://www.longzipeng.online

04-26

3470

vue3+sass实现多主题一键切换，支持electron多窗口同步更新

Electron + Vite + Vue 项目搭建

无人境界的博客

02-26

4004

本篇文章主要基于 Electron Forge 的 Vite 模板进行 Vue 3 环境的搭建。

electron+vite+vue环境搭建