莫方教程网

专业程序员编程教程与实战案例分享

超简 Vue3+ElementPlus 后台管理Vue3ElementAdmin

#头条创作挑战赛#

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

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

开发准备

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

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

安装使用

# 克隆项目

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后台框架,对于刚搭建后台框架的很有参考性。

预览地址

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

仓库地址

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

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

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言