当前位置：首页>后端>正文

简约漂亮快速后台Vue3+ElementPlus+Pinia+Echarts，API-Mock双接口Composition api

后端2024-05-02 09:16:57

TodoAdmin-Vue版是一个集成管理后台端模板解决方案，项目采用TS(TypeScript)脚本语言，基于Vue 3.2+/Vue-cli 5.0+/Vue-router 4.0+、Axios0.2.7、Element-plus 2.2+、Pinia 2.0+、ECharts 5.3.2以及Mockjs等搭建，项目是以Composition api风格编写，采用远程API接口和本地Mock双接口模式加载数据。

简约漂亮快速后台Vue3+ElementPlus+Pinia+Echarts，API-Mock双接口Composition api,第1张

简约漂亮快速后台Vue3+ElementPlus+Pinia+Echarts，API-Mock双接口Composition api,第2张

Demo体验&仓库地址

[Todoadmin-pro Pro专业版演示地址（vue3.2+ 支持 PC、平板、手机）]

[Todoadmin-base 基本版演示地址（vue3.2+ 支持 PC、平板、手机）]

[Github 仓库地址]

[Gitee 码云仓库地址]

用户名：guest

密码：123456

项目安装（依赖安装）

npm install ??or ?yarn install

运行开发环境

npm run serve ?or ?yarn serve

生产环境打包

npm run build ?or ?yarn build

修复文件

npm run lint

项目生态插件【依赖】列表

标题名称版本描述

vue 3.2+ 构建用户界面的渐进式框架

vue-router 4.0+ 单页应用程序路由

vue-cli 5+ 项目脚手架

axios 0.2.7 基于promise的网络请求库

element-plus 2.2+ 基于Vue3的组件库

element-plus-icons 2.2+ 基于Vue3的组件图标库

vue-quill 1.0.0.beta.8 可视化在线文本编辑器

quill-image-resize 3.0+ 文本编辑器图片重置尺寸

vue-cropper 1.0+ 基于Vue3的图片裁剪

pinia 2.0+ 状态管理

vue-i18n-next 9.1+ 多国语言文字切换

js-md5 0.7.3 MD5加密

nprogress 0.2.0 进度条加载

echarts 5.3.2 多功能图表

# 克隆项目Github仓库(https://github.com/todoadmin/vue-admin-chart)

git clone -b ?https://github.com/todoadmin/vue-admin-chart.git

# 安装依赖

npm i

# 本地开发启动项目

npm run serve

# 克隆项目Gitee码云仓库?(https://gitee.com/todoadmin/vue-admin-chart)

git clone -b ?https://gitee.com/todoadmin/vue-admin-chart.git

# 安装依赖

npm i

# 本地开发启动项目

npm run serve