1. 程式人生 > >vue從入門到女裝??:從零開始搭建後臺管理系統(一)安裝框架

vue從入門到女裝??:從零開始搭建後臺管理系統(一)安裝框架

安裝及執行都是基於node的,不會node的可以自行百度,網上教程很多,也不難

專案效果預覽:

demo1

demo2

原始碼下載

開始安裝框架:

vue element-ui   注意如果報錯安裝失敗就重新安裝,不然雖然本地有element的依賴包但是可能會出一些奇怪的錯誤 另外element-ui雖然好用,但還是不穩定,建議多嘗試,或者嘗試自己開發常用元件 如果失敗可以這樣嘗試: npm init npm install npm i element-ui -S axios echarts 圖表外掛,雖然很好用,但圖表過多會導致專案很卡,注意不要全域性引入 sass mock
:用來模擬資料 npm install mockjs vuex:npm install vuex --save 元件互動狀態管理包,簡單的父子元件通訊需求不高的可以暫時不用這個

一個簡單的後臺需要的依賴大概就以上,拋棄jquery,ES6的新語法完全夠開發,而且很簡潔

另外我的demo還用到了富文字編輯器vue-editor2,程式碼編輯器vue-codemirror,markdown編輯器vue-markdown,所以還需要別的安裝依賴,有興趣可以自己嘗試