使用VUE搭建後臺管理系統(vue-cli更新至3.0)

最近還沒來得及更新文章，就發現vue-cli已經更新到3.0版本了。
//想了想仍是用升級吧，反正最終都逃不掉，不如在這個項目上實驗一下3.0的威力(並不會)。

升級vue-cli

npm install -g vue@cli
vue -V

使用圖形化界面建立項目

這裏須要到自定義目錄下，方便之後的項目管理；執行命令後，會打開一個localhost:8080的窗口，是vue項目的圖形化管理界面

cd targetFolder
vue ui

建立新項目

這裏不一一介紹了，隨便截了兩張圖看看

這裏配置能夠經過預設，也能夠使用默認，以後再添加；我這裏本身保存了一套本身經常使用的預設配置，以後就開始安裝項目所需依賴。

安裝成功

vue-cli3.0啓動的指令和2.0相比有了些修改

cnpm run dev ==> cnpm run serve

不過咱們如今能夠經過圖形化界面進行啓動

啓動以後照例訪問localhost:8080便可訪問新建的項目