vue3.0+electron+element-plus项目搭从0开始建教程(2)

超详细!!!electron-vite-vue开发桌面应用之引入UI组件库element-plus(四) unplugin-auto-import是一个用于Vue.js的插件,它可以自动导入Vue.js的相关API,如Vue自身,Vue的RFC(响应式),Composition API,以及其他一些常用的Vue功能。unplugin-vue-components是一个用于Vue.js的插件,它允许你导入Vue组件,而不需要在你的代码中显式地导入它们。这个插件可以让你按需导入组件,从而减少初始加载大小。 阅读详情

集成element-plus

// 集成element-plus
F:\创建vue项目\yourporject>npm install element-plus --save

集成完成后会生成一个lock文件,package.json 里会多如下截图

 引入

备注: 官方推荐的方式就是在引入Element时进行设置,z-index的初始值,如果不设置默认是2000 很多组件库的层级是大于2000的使用默认的话会产生遮罩情况 以下是官方说法:

 

 如果有这个报错

 

 在这个文件加个声明即可,也可以自己创建个.d.ts文件声明也可以

上面的vue那里报错,删除type即可

随便写个按钮用于测试是否整合成功

 运行 npm run serve  

 出现这个界面说明成功了!

【electron-vite+live2d+vue3+element-plus】实现桌面模型宠物+桌面管理系统应用(踩坑) 使用【electron-vite】框架搭建一个桌面宠物应用 阅读详情

相关推荐

微软语音合成工具,使用 Electron + Vue + ElementPlus + Vite 构建,将文字转为语音MP3

微软语音合成工具,使用 Electron + Vue + ElementPlus + Vite 构建,将文字转为语音MP3。

【Electron】总结:如何创建Electron+Element Plus的项目

我将结合官网手册与AI问到的信息,直接给出步骤,与命令。

ftm_csdn的博客 1462

MeshLab新手必看:5分钟搞定泊松表面重建(附完整点云处理流程)

本文详细介绍了如何使用MeshLab进行泊松表面重建,从点云数据导入、预处理到核心参数设置,再到后处理与模型优化,提供了完整的3D重建流程指南。特别适合计算机视觉和3D重建领域的新手快速掌握泊松重建技术,提升工作效率。

kafka6courier的博客 232

electron 项目 第二篇 引入element-plus 布局页面

element-plus 布局vue3项目

倔强的钢蛋 1591

如何玩转腾讯云轻量级服务器(新手向)

如何玩转腾讯云轻量级服务器(新手向) ​ 相信不少同学都想将自己的服务器部署到云服务器,让别人通过自己的域名就可以访问到自己的项目,而腾讯云轻量级服务器作为一个小型的应用,支持域名解析和可视化运维等。比较适合新手入门 ​ 本文服务器操作系统为Centos7 一. 购买以及基本配置 1.购买方式 ​ 本文主要面向新手,毕竟一般只有新手才会购买轻量级服务器。所以可以选择购买一年的来学习,以后再根据需要换,前提提示(轻量级服务器没有安全组的,开放端口直接开启防火墙里的即可) ​ 购买连接 购买完成后点击控制

qq_46160687的博客 1万+

OGRE 3D----2. QGRE + QQuickView

将 OGRE(面向对象图形渲染引擎)集成到使用 QQuickView 的 Qt Quick 应用程序中,可以在现代灵活的 UI 框架中提供强大的 3D 渲染功能。本文将指导您如何在 QQuickView 环境中设置 OGRE。

charce_you的专栏 914

electron + vue3 + element-plus + blockly项目搭建与踩坑

前端小白初次接触electron+blockly

qq_44402992的博客 2859

UFAST车道线检测 Ultra-Fast-Lane-Detection 从环境搭建到复现完成(一)

UFAST车道线检测 Ultra-Fast-Lane-Detection 从环境搭建到复现完成(一)

m0_46364958的博客 4345

element版本问题与vue对应问题、element-plus与element-ui在main.js文件中引用

vue3对应elemeng-plus,在main.js文件中引用方式 下面展示一些 内联代码片。 import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' vue2对应element-ui,在main.js文件中应用方式 下面展示一些 内联代码片。 import Element from 'element-ui' import 'element-ui/lib/theme-chalk/index.css'; Vue

weixin_45917610的博客 8993

还原 Windows 环境变量的默认值

有时候,我们可能需要还原环境变量的默认值,以修复可能的配置问题或恢复系统的正常运行。如果您只想还原某个特定的环境变量,可以跳过删除其他变量的步骤,仅删除需要还原的变量即可。在“环境变量”对话框中,继续向下滚动到“系统变量”部分。请注意,在执行以下步骤之前,您应该备份当前的环境变量设置,以便在需要时可以还原。在删除所有需要还原的环境变量后,点击“确定”按钮关闭“环境变量”对话框。在“用户变量”部分,选择需要还原的变量,然后点击“删除”按钮。在“高级”选项卡下方的“环境变量”部分,点击“环境变量”按钮。

PvDeveloper的博客 6342

Unity3D实现自定义河流路径或泥石流路径

此工具是一个插件,插件很好用,可以根据地形编辑河流的走向以及宽度,也可以发挥想象编辑成其他的效果,比如泥石流效果,岩浆效果,小溪,或者大江或者大河等等博客将会介绍可以编辑河流的工具的使用。希望这篇博客对Unity的开发者有所帮助。大家好,我是心疼你的一切,不定时更新Unity开发技巧,觉得有用记得一键三连哦。提示:以下是本篇文章正文内容,下面案例可供参考本次总结的就是工具的使用, 有需要会继续增加功能不定时更新Unity开发技巧,觉得有用记得一键三连哦。么么哒!

心疼你的一切博客 5271

vue3.0+electron+element-plus项目搭从0开始建教程(1)

vue3项目搭建

AngerJava的博客 2319

从入门到精通!Arduino 全栈开发深度指南

本文围绕 Arduino 开发撰写全攻略,从基础入门到高级应用层层递进。开篇介绍 Arduino 概念、优势及硬件家族,引导读者完成开发环境搭建与首个 LED 闪烁项目;深入讲解编程语法、I/O 控制及通信协议;详细阐述传感器、模块应用与调试优化技巧;最后以自定义库开发、低功耗设计等高级内容收尾,并给出综合项目案例与产品化思路。无论新手入门,还是开发者进阶,均可从中系统学习 Arduino 知识,掌握从理论到实践的全流程开发技能。

邓邓子的博客 2757

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

electron项目搭建

我有满天星辰的博客 5011

2026.3.10:最新claude code完美解决方案,跳过登录界面,使用国内deepseek-v4-pro进行计费

本文介绍了一种绕过Claude登录界面直接使用国内DeepSeek-V4-Pro服务的解决方案。通过npm全局安装@anthropic-ai/claude-code包,并配置5个关键环境变量:API认证令牌、基础URL(指向DeepSeek服务)、指定模型为deepseek-v4-pro、禁用非必要流量等。文中提供了4张配图辅助说明配置过程,但未展示具体内容。该方案可实现直接计费使用,无需通过官方登录流程。

拥抱具身智能,昇腾Ascend C 6525

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

ElectronVite2MacUI 超精美仿macOS桌面UI管理框架|vue3+electron桌面后台

Electron-Vite2-MacUI 基于vite2.x整合electron仿制mac桌面UI框架。 基于最新前端技术栈 vite2.3+electron13+vue3+element-plus+echarts 搭建开发。支持流畅的可拖拽桌面+dock菜单、丰富的视觉效果,可自定义桌面壁纸主题。 使用技术 前端框架:vite2.3.4+vue3.0.11+vuex@4+vue-router4.x 跨端框架:electron13.0.1 组件库:element-plus1.0.2 图表组件:ech

码农ICoding 1万+

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

一番折腾终于实现了最新版Electron35+vite6+Vue3+Element Plus官方组合运行

在拿 Tauri2开发了两套PC桌面软件,对号直播助力和对号JoChat、JoCall后,还是决定改回到Electron,这次决定全新从零将各个所用框架用官方最新版进行重构。之所以改回到Electron,原因主要是Tauri兼容性问题调起来太费劲,而且学习成本太高,对于团队现有前端技术人员来讲难度较大,只能向现实妥协了。这次新的任务要求比较紧,要将Duihao Jo!

duihao的专栏 2293

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

【Electron】Electron Forge如何支持Element plus?

在 Electron Forge 项目中集成 Element Plus 是一个相对直接的过程。Element Plus 是一个基于 Vue 3 的 UI 组件库,因此你需要确保你的 Electron 项目已经集成了 Vue 3。

ftm_csdn的博客 905

Vue3 + Vite + Element Plus web转为 Electron 应用,解决无法登录、隐藏自定义导航栏

文章摘要:本文详细介绍了将Web应用转为Electron桌面应用的过程。主要步骤包括:1)解决Electron依赖安装问题,通过修改镜像源成功安装;2)配置Electron主进程文件(main.js),处理窗口创建和快捷键事件;3)修改package.json添加构建配置;4)调整Vite配置;5)调试运行。最后解决了登录路由跳转问题,将Cookies存储改为localStorage/sessionStorage。整个过程涵盖了从环境搭建到打包发布的完整流程,并提供了常见问题的解决方案。

weixin_47092531的博客 801

vue3.0+vue-router+element-plus初实践

Vue3中文文档 Vue3.0对比Vue2.x优势 框架内部做了大量的性能优化,包括:虚拟dom,编译模板,Proxy的新数据监听,更小的打包文件等。 新增的组合式API(即Composition API),更适合大型项目的编写方式。 对TypeScript支持更好,去掉this操作,更强大的类型推导。 初始化项目 安装@vue/cli npm install @vue/cli -g 或 yarn global add @vue/cli 创建项目 vue create 项目名 可以选择V

kiscon的博客 2888

Vue3教程:Vue 3 + Element Plus + Vite 2 的后台管理系统开源啦

之前发布过一篇文章《Vue3教程:开发一个 Vue 3 + element-plus 的后台管理系统》,文中提到会开发并开源一个 Vue 3 + Element Plus 的项目供大家练手和学习,随后也一直有收到留言和反馈,问我什么时候开源之类的问题,今天终于可以通知大家,完成啦!????????开源啦!???????? 如果觉得我写得还行的话,请献上你宝贵的一赞????,这将是我持续写作的动力!感谢大家啦。 vue3-admin 开源地址 所有的代码、文件全部都开源到 GitHub 仓库中,前后端代码全部

程序员有故事 4907

admin-element-vue:基于Vue3和Element Plus的现代化后台管理模板

admin-element-vue 是一个功能完善、设计现代化的后台管理系统前端模板。该项目基于 Vue3、Element Plus、Pinia 和 TypeScript 等前沿技术栈构建,为企业级后台应用开发提供了完整的解决方案。 ## 技术架构与核心特性 ### 现代化技术栈 该项目采用业界领先的前端技术组合: - **Vue3**:最新版本的Vue框架,提供更好的性能和组合式API -

gitblog_01032的博客 940

【electron+vite+vue3】项目搭建

electron文档vite+electron+vue3 搭建参考。

占星安啦的博客 557

Vue3-Element-Admin 使用教程

Vue3-Element-Admin 是一个基于 Vue3、Element-Plus、Vuex4 和 Vue Router4 构建的开源中后台管理系统前端模板。该项目是 Vue-Element-Admin 的 Vue3 版本,提供了丰富的功能组件和完善的管理界面解决方案。 ## 技术栈 - **Vue3**: 最新版本的 Vue.js 框架 - **Element-Plus**: 基于 Vue

gitblog_00072的博客 835

ElectronVue3Admin 轻量级中后台前端管理系统|electron+vite2后台框架

electron-vite-admin基于 electron+vite.js 整合开发的后台管理框架。 本项目基于 vite2+electron12+vue3+vuex+element-plus+vue-i18n+echarts 等技术栈搭建开发,所有的请求数据都使用Mock.js进行模拟。支持动态权限控制、整合i18n国际化解决方案。 实现技术 编码工具:vscode vue3框架:vue3.0+vuex4+vue-router@4 跨端框架:electron^12.0.4 构建打包.

码农ICoding 1万+

陈某的vue3+electron+vite项目

gap两年半重新学前端的第一天陈某做的功课 首先下载VScode 下载相关插件 配置node.js环境,陈某很迷茫能不能再就业,搞git 记事本里添加github网址,来更好的访问 下载国内镜像cnpm 。了解lelctron基础 ,搭建前期的项目 创建了项目 官网网址:https://evite.netlify.app/1.3 安装步骤 vue版本:vue3构建工具:vite框架类型:ElectronJS语法:TypeScript 2.1 安装路由:npm install vue-router -S新

ck123456kk的博客 753
上一篇: vue3.0+electron+element-plus项目搭从0开始建教程(1)
下一篇: 使用npm init @vitejs/app 搭建vue3期间遇到的问题汇总整理
AngerJava
博客等级 码龄9年 5粉丝 5原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值