后台管理系统-项目初始化

认识vue-admin

**核心交付:** 为什么要基于现成架子二次开发

什么是二次开发：基于已有的代码（项目工程，脚手架）开进行新功能的开发

所以看懂已有的框架中的既有代码，变得很重要了

1. 背景知识

后台管理系统是一种最常见的应用模式，不同的管理系统之间有很多相似的地方，比如：

1. 页面整体结构相似（Sidebar + Navbar + Main经典布局）

1. 技术选型相似 （Vue.js + VueRouter + Vuex + Axios...）

1. 业务类型相似 （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

熟悉项目目录

**核心交付:** 熟悉项目的目录结构设计
 

说明：

1. src 目录指的是源代码（source code）目录，存放项目应用的源代码，包含项目的逻辑和功能实现，实际上线之后在浏览器中跑的代码就是它们

好处：1. 维护方便 2. 语义化

1. 1. apis - 业务接口

1. 1. assets - 静态资源 （