近期一直在和后臺(tái)管理類系統(tǒng)做斗爭(zhēng)，趟過(guò)了幾個(gè)常見(jiàn)的大坑，想來(lái)還是記錄下來(lái)為新人做個(gè)指引吧。本系列需要觀看者至少讀過(guò)一遍Vue及ElementUI的官方文檔，讀不明白沒(méi)關(guān)系，隨著教程的展開(kāi)會(huì)讓你逐漸加深對(duì)Vue的了解，以及部分ElementUI中的隱藏方法。同時(shí)在項(xiàng)目進(jìn)行過(guò)程中，我也查找了很多資料，感謝網(wǎng)絡(luò)上各種大牛提出的解決方案，沒(méi)有他們可能我還需要更多的時(shí)間才能實(shí)現(xiàn)吧。參考資料在本文末尾。

你所需要了解的

windows開(kāi)發(fā)
對(duì)使用mac的同學(xué)說(shuō)聲抱歉。我實(shí)在是窮的買不起mac，所以本系列的命令均以windows為準(zhǔn)，mac同學(xué)請(qǐng)自行翻譯（其實(shí)根本沒(méi)有多少命令）

使用cnpm
所有的命令均以cnpm代替npm。關(guān)于cnpm的安裝請(qǐng)參考cnpm官網(wǎng)

歡迎轉(zhuǎn)載，但需標(biāo)明出處

參考

PanJiaChen的開(kāi)源項(xiàng)目：vue-element-admin

源碼

當(dāng)前源碼地址：https://github.com/harsima/vue-backend
請(qǐng)注意，該源碼會(huì)不斷更新（因?yàn)楣ぷ骱苊Σ荒鼙ＷC定期更新）。源碼涉及到的東西有超出本篇教程的部分，請(qǐng)酌情閱讀。同時(shí)請(qǐng)暫時(shí)不要使用release版本，在解決該版本下的大部分BUG及目錄優(yōu)化后，會(huì)放出相對(duì)完整的release版本。更多問(wèn)題可以提交issue。

本系列目錄

• Vue + ElementUI 手?jǐn)]后臺(tái)管理網(wǎng)站基本框架(零)前言篇
• Vue + ElementUI 手?jǐn)]后臺(tái)管理網(wǎng)站基本框架(一)創(chuàng)建項(xiàng)目
• Vue + ElementUI 手?jǐn)]后臺(tái)管理網(wǎng)站基本框架(二)權(quán)限控制
• Vue + ElementUI 手?jǐn)]后臺(tái)管理網(wǎng)站基本框架(三)登錄及系統(tǒng)菜單加載