在使用vue做admin教程之前，需要先了解一些前端開發的基礎知識。Vue是一款輕量級的JavaScript框架，它能夠實現前端開發的MVVM模式，同時能夠對DOM進行快速渲染，以及允許開發者通過組件的方式快速構建應用。

Vue做admin教程的開發會用到Vue CLI腳手架，Vue CLI是vue官方提供的腳手架工具，使用它可以快速搭建一個Vue項目，而不必去手動配置webpack，babel等等。同時，Vue CLI也會為我們預設好了一些開發和構建的規范，這樣能夠幫助我們快速開發和維護Vue應用。

# 全局安裝vue-cli
npm install -g vue-cli
# 創建基于webpack模板的Vue項目
vue init webpack my-project
# 安裝依賴
cd my-project
npm install

在創建好Vue項目之后，我們可以使用Vue Router進行路由控制，Router是一個Vue的插件，能夠實現Vue單頁面應用的頁面路由控制。Router的安裝和使用非常簡單，我們只需要在項目中安裝和使用它并且定義好路由組件、路由規則等等就行了。

# 安裝vue-router
npm install --save vue-router
# 使用vue-router
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const router = new VueRouter({
routes: [
{
path: '/',
name: 'home',
component: Home
},
{
path: '/about',
name: 'about',
component: About
}
]
})

如果我們在項目中需要使用Element UI這樣的UI框架，我們可以通過npm來安裝它。

# 安裝element-ui
npm i element-ui -S
# 引入element-ui
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

最后我們來簡單介紹一下如何使用Mock.js進行數據模擬。Mock.js是一個生成隨機數據的工具，它能夠生成各種隨機數據，包括數字、文本、圖片、日期、時間等等。在實際開發中，我們不必等到后端開發完成接口，而是先使用Mock.js來模擬這些接口，我們可以在編寫前端代碼的時候提交后端的負責人進行聯調。

# 安裝mockjs
npm i mockjs -S
# mock 數據
import Mock from 'mockjs'
Mock.mock('/api/test', 'get', {
'list|1-10': [{
'id|+1': 1,
'name': '@name',
'gender|1': ['男', '女'],
'age|18-60': 1,
'address': '@city'
}]
})

以上就是使用Vue做admin教程的一些基礎內容，它們能夠幫助我們快速的搭建和開發Vue的后臺管理系統。希望通過本篇文章，能夠對廣大的前端開發者有所幫助。