使用如下指令(PS:目录要确保cd到项目根,也就是与安装的Element-Plus目录相同。) vue add electron-builder 如下图示: 3-2、选择版本 安装成功后,向导会让我们选择electron的版本;如下图示: 此处我们可以选择(PS:使用箭头键)最新的13.00即可。 3-3、启动项目 安装成功后,使用如下指令: npm run electron:serve 启...
在electron结合vue3的项目中,引入element-plus的icon可以根据官网的步骤: 先安装icons-vue npm install @element-plus/icons-vue 注册所有图标,在main.js/main.ts 1import *asElementPlusIconsVuefrom'@element-plus/icons-vue'23constapp =createApp(App)4for(const[key, component] of Object.entries(ElementPlus...
uarn add electron-devtools-installer --dev yarn add vue-cli-plugin-electron-builder 2、在src目录下新建 background.ts,作为electron入口 import { app, protocol, BrowserWindow, ipcMain } from 'electron' import { createProtocol } from 'vue-cli-plugin-electron-builder/lib' import path from 'path'...
最新研发electron31-vue3 setup跨平台管理系统ElectronVue3Admin。 基于最新前端技术栈Vite5.x、Vue3、Electron31、ElementPlus、Vue-I18n、Echarts搭建项目模板。支持中英文/繁体国际化解决方案,支持动态权限路由、多页签缓存路由。 技术栈 编码工具:Vscode
vue3 elementplus 快速使用图标 elementui桌面应用,最近需要用Node.js做一个桌面的应用,了解到electron可以用来做跨平台的桌面应用,而vue可以用来作为界面的解决方案,研究了一会儿如何把他们两个整合到一起使用,遇到了各种问题而放弃,毕竟作为一个非前端开发人员我的
【摘要】 Electron-Admin桌面后台系统|vite5+vue3+electron前端后台框架 最新原创electron31+vite5+vue3 setup+pinia2+element-plus+echarts实战轻量级后台管理系统。内置4种通用布局模板,支持i18n国际化、动态路由权限,整合了表格、表单、图表、列表、编辑器等业务场景。
整个项目采用vite5.x构建工具整合electron跨端技术,使用vue3 setup语法编码开发。 入口配置main.js import { createApp } from 'vue' import './style.scss' import App from './App.vue' // 引入组件库 import ElementPlus from 'element-plus'
{ "dev": "vite", "build": "vite build", "electron:serve": "vue-cli-service electron:serve", "electron:build": "vue-cli-service electron:build" }, "main": "background.js", "dependencies": { "element-plus": "^1.0.2-beta.45", "echarts": "^5.1.1", "element-resize-detector"...
【electron-vite+live2d+vue3+element-plus】实现桌面模型宠物+桌面管理系统应用(踩坑) 脚手架 项目使用electron-vite脚手架搭建 ps:还有一个框架是electron-vite,这个框架我发现与pixi库有冲突,无法使用,如果不用pixi也可以用这个脚手架。 node 版本建议18+...
Element UI 是国内使用最广泛的 Vue2 组件库之一,而 Element Plus 是 Element UI 的升级版,基于 Vue3 和 TypeScript,提供了 70 多个易于使用的组件。 官网:https://element-plus.org/ GitHub:https://github.com/element-plus/element-plus NPM:https://www.npmjs.com/package/element-plus ...