詳解使用VUE搭建后臺管理系統(vue-cli更新至3.0)
更新時間：2018年08月22日 09:21:26 作者：bigZMC
這篇文章主要介紹了詳解使用VUE搭建后臺管理系統(vue-cli更新至3.0),小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
最近還沒來得及更新文章，就發(fā)現vue-cli已經更新到3.0版本了。
//想了想還是用升級吧，反正最終都逃不掉，不如在這個項目上實驗一下3.0的威力(并不會)。
升級vue-cli
npm install -g vue@cli vue -V
使用圖形化界面創(chuàng)建項目
這里需要到自定義目錄下，方便以后的項目管理；執(zhí)行命令后，會打開一個localhost:8080的窗口，是vue項目的圖形化管理界面
cd targetFolder vue ui
創(chuàng)建新項目
這里不一一介紹了，隨便截了兩張圖看看
這里配置可以通過預設，也可以使用默認，之后再添加；我這里自己保存了一套自己常用的預設配置，之后就開始安裝項目所需依賴。
安裝成功
vue-cli3.0啟動的指令和2.0相比有了些修改
cnpm run dev ==> cnpm run serve
不過我們現在可以通過圖形化界面進行啟動
啟動之后照例訪問localhost:8080即可訪問新建的項目
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
Vue2+Element-ui實現el-table表格自適應高度的案例
這篇文章主要介紹了Vue2+Element-ui實現el-table表格自適應高度的案例,本文結合示例代碼給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-06-06
element?table數據量太大導致網頁卡死崩潰的解決辦法
當頁面數據過多,前端渲染大量的DOM時,會造成頁面卡死問題,下面這篇文章主要給大家介紹了關于element?table數據量太大導致網頁卡死崩潰的解決辦法,需要的朋友可以參考下2023-02-02
這篇文章主要為大家詳細介紹了Vue使用el-table實現自適應列寬，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
這篇文章主要介紹了關于vue屬性使用和不使用冒號的區(qū)別說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
Vue中router-view和component :is的區(qū)別解析
這篇文章主要介紹了Vue中router-view和component :is的區(qū)別解析,router-view用法直接填寫跳轉路由,路由組件會渲染<router-view></router-view>標簽,本文給大家介紹的非常詳細,需要的朋友可以參考下2023-10-10
這篇文章主要介紹了Vue3造輪子之打包構建配置二級目錄方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-07-07
今天小編就為大家分享一篇axios 封裝上傳文件的請求方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
基于Vue.js與WordPress Rest API構建單頁應用詳解
這篇文章主要介紹了基于Vue.js與WordPress Rest API構建單頁應用詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-09-09
Vue時間軸 vue-light-timeline的用法說明
這篇文章主要介紹了Vue時間軸 vue-light-timeline的用法說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
vue+elementui實現動態(tài)添加行/可編輯的table
這篇文章主要為大家詳細介紹了vue+elementui實現動態(tài)添加行/可編輯的table，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07