框架技术:vite4+vue3+pinia+vue-router UI组件库:ve-plus (基于vue3自研ui组件库) 样式处理:sass^1.58.3 图表组件:echarts^5.4.2 国际化方案:vue-i18n^9.2.2 富文本编辑器组件:wangeditor^4.7.15 markdown编辑器:md-editor-v3^2.11.0 数据模拟:mockjs^1.1.0 功能点 最新前端技术栈vite4、vue3、pinia、...
Vite4-Vue3-Admin使用前端最新技术vite4+pinia+vue-router@4+搭建中后台管理模板。 技术框架 编码工具:Vscode 框架技术:vite4.x+vue3+pinia+vue-router UI组件库:vePlus (基于vue3自定义组件库) 样式处理:sass^1.58.3 图表组件:echarts^5.4.2 国际化方案:vue-i18n^9.2.2 富文本编辑器组件:wangeditor^4.7....
tauri vite4国际化解决方案 tauri-admin采用vue-i18n来处理多语言。 /** * 国际化配置 * @author YXY */ import { createI18n } from 'vue-i18n' import { appStore } from '@/pinia/modules/app' // 引入语言配置 import enUS from './en-US' import zhCN from './zh-CN' import zhTW from '....
pnpm install pinia yarn add pinia npm install --save pinia 3.2、pinia基本使用 1.创建pinia实例并挂载 在main.ts中 importAppfrom'./App.vue'// 引用import{createPinia }from'pinia'// 创建Pinia实例constPinia=createPinia()// 挂载piniacreateApp(App).use(Pinia).mount('#app') 2.在src目录下新建一...
环境配置 + vite配置 插件配置 eslint+prettier配置 环境配置 在根目录下新建三个文件,.env, .env.development, .env.production .env VITE_APP_TITLE = 'Admin' VITE_PORT = 3100 .env.development # 资源公共路径,需要以 /开头和结尾 VITE_PUBLIC_PATH = '/' ...
Vite4-Admin 基于vue3+vite4.x+pinia2+vue-router@4 构建后台管理系统。 支持vue-i18n国际化多语言、动态路由鉴权、4种布局模板及tab页面缓存等功能。 技术框架 编码器:VScode 框架技术:vite4+vue3+pinia+vue-router UI组件库:ve-plus (基于vue3自研ui组件库) 样式处理:sass^1.58.3 图表组件:echarts^5.4...
这样一个vue3+vite+ts的项目初始化就完成了 运行项目不会默认打开浏览器,需要在package.json里面 ,在vite 后面加上--open 安装vue全家桶 Pinia状态管理 由于 vuex 4 对 typescript 的支持让人感到难过，所以状态管理弃用了 vuex 而采取了 pinia. pinia 的作者是 Vue 核心团队成员 尤大好像说 pinia 可能会代替...
Vue Naive Admin,一个基于 Vue3.0、Vite、Naive UI 的后台管理模板,相较于其他比较流行的后台管理模板,此项目相对简洁、轻量,学习成本非常低,对新手极其友好。不过麻雀虽小五脏俱全,权限、Mock、菜单、axios 封装、pinia、项目配置、样式配置、环境配置,以及一些经常用的基础组件封装等等这些该有的都有,非常适用于中...
vue3-element-admin是基于 Vue3 + Vite5+ TypeScript5 + Element-Plus + Pinia 等主流技术栈构建的免费开源的中后台管理的前端模板(配套Java 后端源码)。 项目特色 简洁易用:基于vue-element-admin升级的 Vue3 版本,无过渡封装 ,易上手。 数据交互:同时支持本地Mock和线上接口,配套Java 后端源码和在线接口文...