使用VUE搭建後臺管理系統(使用vue-cli搭建框架)

接觸VUE已經幾個月了，已經完成了一個後臺管理系統，一個商城系統。今天決定總結一下以前的零散的知識點，在此開一個系列，本身也從頭開始完成一個後臺管理系統的搭建，並放在github中供你們參考。

安裝vue-cli

使用npm全局安裝vue-cli,以後能夠經過vue命令查看是否安裝成功;下圖是安裝好vue-cli查看的狀況。

npm install vue-cli -g

使用vue-cli初始化一個vue項目

vue init webpack vueAdmin
npm install

使用vue-cli進行項目初始化的時候,能夠使用github上的模板;若是是安裝標準模板則使用以上命令。具體的參數就不一一解釋了,網上都能百度到,這裏只作我完成項目的歷程。

啓動項目

npm run dev

根據提示,訪問localhost:8888,便可打開新建立的vue應用。固然我這裏的端口是自行分配的,若是須要修改在config/index.js中修改dev中的port參數便可。