最新研发electron31-vue3 setup跨平台管理系统ElectronVue3Admin。 基于最新前端技术栈Vite5.x、Vue3、Electron31、ElementPlus、Vue-I18n、Echarts搭建项目模板。支持中英文/繁体国际化解决方案,支持动态权限路由、多页签缓存路由。 技术栈 编码工具:Vscode
在vite.config.ts中增加配置 #增加部分importAutoImportfrom'unplugin-auto-import/vite';importComponentsfrom'unplugin-vue-components/vite';import{ElementPlusResolver}from'unplugin-vue-components/resolvers';// https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[AutoImport({resolvers:[Element...
Element-Plus:Element-Plus是一套基于Vue 3.0的桌面端组件库。我们选择Element-Plus作为项目的UI组件库,因为它提供了丰富的组件和灵活的主题定制功能,可以快速构建出美观且功能强大的界面。 三、实现过程 创建Electron项目 首先,我们使用Vite创建一个Electron项目。在创建项目时,我们需要选择Electron作为目标平台,并配置相关...
vite5-electron31-admin内置4种经典布局模板,支持i18n国际化、动态路由权限、面包屑导航、多页签路由,实现了表格、表单、图表、列表、编辑器等常用功能模块。 技术栈 编辑器:VScode 框架技术:vite^5.3.4+vue^3.4.31+vue-router^4.4.0 跨端框架:electron^31.3.0 组件库:element-plus^2.7.8 状态管理:pinia^2.2....
VUE 路由设置与Element-Plus安装 npm install vue-router npm install element-plus 安装后新建相关文件夹与文件 需要注意的是路由模式要使用hash模式 image.png router/index.ts import{createRouter,createWebHashHistory,typeRouteLocationNormalized,createWebHistory}from"vue-router";importroutesfrom"./routes";const...
我编写的小工具使用electron-vite创建,基于vue3+elemnet-plus,ts语言。 我这台龙芯设备指令集是loong64。 移植的步骤如下: 去龙芯社区官网下载龙芯的node,我使用的是v20;然后安装,将node程序加入PATH路径中。 将要移植的程序拷贝至龙芯设备中,并进入程序目录,确保node_modules目录、package-lock.json已删除。 修改...
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'; import ViteComponents, { AntDesignVueResolver } from 'vite-plugin-components'; // 查找路径 const pathResolve = (dir: string): string => { return resolve(__dirname, ".", dir); ...
整个项目采用vite5.x构建工具整合electron跨端技术,使用vue3 setup语法编码开发。 入口配置main.js import { createApp } from 'vue' import './style.scss' import App from './App.vue' // 引入组件库 import ElementPlus from 'element-plus'
基于ViteElectron 12和Element Plus,Vue+Electron项目搭建教程最近写一个项目,需要使用Electron集成Vue,特此记录搭建过程Vue+Electron常用搭建方式在之前,通常我们会使用electron-vue脚手架来快速搭建,但是这个脚手架搭建的Electron版本已经太旧了,目前github已经一年
ElectronVite2Admin基于vite2+electron12+vuex+element-plus+vue-i18n+echarts等技术栈搭建开发,数据请求使用Mock.js进行模拟。支持动态权限控制、整合i18n国际化解决方案。 实现技术 编码工具:vscode vue3全家桶:vite2+vue3.0+vuex4+vue-router@4 跨平台框架:electron^12.0.4 ...