認識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 - 靜態資源 （