认识vue-admin
**核心交付:**
为什么要基于现成架子二次开发
什么是二次开发:基于已有的代码(项目工程,脚手架)开进行新功能的开发
所以看懂已有的框架中的既有代码,变得很重要了
1. 背景知识
后台管理系统是一种最常见的应用模式,不同的管理系统之间有很多相似的地方,比如:
- 页面整体结构相似(Sidebar + Navbar + Main经典布局)
- 技术选型相似 (Vue.js + VueRouter + Vuex + Axios...)
- 业务类型相似 (CRUD + 导入导出 + 权限管理...)
既然这么多一样的地方,有必要每次开发后台管理系统,都重新创建一套吗?
2. vue-admin
vue-admin是基于vue-admin-template做了一些升级和改版之后的后台管理系统脚手架,内置了必要的安装包、目录结构划分、路由表设计等等,方便做二次开发
,我们需要做的大部分是 填空题
,架子搭建部分工作通常由团队Leader来做
执行下面命令,克隆脚手架到本地,并安装依赖运行
# 克隆项目
git clone http://git.itcast.cn/heimaqianduan/vue-admin.git# 安装依赖
npm i# 启动项目
npm run start
熟悉项目目录
**核心交付:**
熟悉项目的目录结构设计
说明:
src
目录指的是源代码(source code)目录,存放项目应用的源代码,包含项目的逻辑和功能实现,实际上线之后在浏览器中跑的代码就是它们
好处:1. 维护方便 2. 语义化
-
- apis - 业务接口
-
- assets - 静态资源 (