【Spring&Vue学习】十四、vue-element-admin

---

👉原文阅读

---

💡章前导言

本文为B站1天搞定SpringBoot+Vue全栈开发系列视频学习笔记，带时间戳的B站笔记（不含代码）已经施工完成，点击视频右下角的“笔记”按钮即可查看（不带B站时间戳的笔记专栏链接在这）。

有能力的朋友请多多支持up拿完整的课件代码！本笔记代码部分不全，纯手打（我手打是因为个人而言手打记忆才深刻）。

如果想要资料，老师的微信公众号有免费的课件和文档，关注“软件练习生”公众号回复“Java”获取课件资料（注意：关注回复关键字就可以，不会让你加群/微信的！）。

我自己整理的课件、代码等资料（不保证全），放在Github上了，需要的自取。
👉1天搞定SpringBoot+Vue全栈开发·个人整理资料

---

---

📘正文开始

对应视频内容👉vue-element-admin后台集成方案

vue-element-admin介绍

• vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现
• 内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件
• 可以快速搭建企业级中后台产品原型

地址：

https://panjiachen.github.io/vue-element-admin-site/zh/guide/

安装与使用

1. 克隆项目

git clone https://github.com/PanJiaChen/vue-elementadmin.git

2. 进入项目目录

cd vue-element-admin

3. 安装依赖

npm install

4. 使用淘宝镜像

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

5. 本地开发启动项目

npm run dev

注意事项

• 若依赖安装不成功，很大概率是node-sass安装失败。

• node-sass因为其历史原因，安装时极易失败，同时node-sass依赖了Python环境，因此电脑上需要安装配置Python2

• 建议直接使用课程提供的包含有依赖包的项目，简化学习曲线

项目构建过程

项目提供了完成的构建过程，适合前端技术的学习：

https://juejin.cn/post/6844903476661583880