超简 Vue3+ElementPlus 后台管理Vue3ElementAdmin

#头条创作挑战赛#

今天给大家推荐一个超简易版的 vue3 后台管理系统Vue3-Element-Admin。

超简 Vue3+ElementPlus 后台管理Vue3ElementAdmin

Vue3 Element Admin 免费开源的中后台模版。基于vue3+ElementPlus+Vite开发,是一个开箱即用的中后台系统前端解决方案。

超简 Vue3+ElementPlus 后台管理Vue3ElementAdmin

超简 Vue3+ElementPlus 后台管理Vue3ElementAdmin

开发准备

提前了解和学习如下知识对本项目有协助。

  • node 和 git -项目开发环境
  • Es6+ – 熟悉 es6 基本语法
  • Vite – 熟悉 vite 特性
  • Vue3 – 熟悉 Vue 基础语法
  • Vue-Router-Next – 熟悉 vue-router@4 基本使用
  • Element-Plus – ui 基本使用
  • Mock.js – mockjs 基本语法

超简 Vue3+ElementPlus 后台管理Vue3ElementAdmin

安装使用

# 克隆项目

git clone https://github.com/huzhushan/vue3-element-admin.git

# 进入项目目录

cd vue3-element-admin

# 安装依赖

npm install

# 提议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题

npm install –registry=https://registry.npm.taobao.org

# 启动服务

npm start

超简 Vue3+ElementPlus 后台管理Vue3ElementAdmin

超简 Vue3+ElementPlus 后台管理Vue3ElementAdmin

超简 Vue3+ElementPlus 后台管理Vue3ElementAdmin

超简 Vue3+ElementPlus 后台管理Vue3ElementAdmin

该项目是超级不错的一款基础型vue3后台框架,对于刚搭建后台框架的很有参考性。

预览地址

https://huzhushan.gitee.io/vue3-element-admin-site

仓库地址

https://github.com/huzhushan/vue3-element-admin

ok,今天就分享到这里了。

© 版权声明

相关文章

7 条评论

  • 头像
    聽說你叫春月對嗎 读者

    npm start 页面访问空白

    无记录
    回复
  • 头像
    沈先生 读者

    收藏了,感谢分享

    无记录
    回复
  • 头像
    爱喝马黛茶的安东尼 读者

    多谢。

    无记录
    回复
  • 头像
    摄空金锁 投稿者

    谢谢

    无记录
    回复
  • 头像
    部落冲突云川墨 投稿者

    非常感谢

    无记录
    回复
  • 头像
    MM废物制造机器 投稿者

    感谢

    无记录
    回复
  • 头像
    今天也不想学数分 投稿者

    多谢

    无记录
    回复