詳解使用VUE搭建后臺管理系統(tǒng)(vue-cli更新至3.0)

更新時間：2018年08月22日 09:21:26 作者：bigZMC

這篇文章主要介紹了詳解使用VUE搭建后臺管理系統(tǒng)(vue-cli更新至3.0),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

最近還沒來得及更新文章，就發(fā)現(xiàn)vue-cli已經(jīng)更新到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

不過我們現(xiàn)在可以通過圖形化界面進行啟動

啟動之后照例訪問localhost:8080即可訪問新建的項目

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

Vue2+Element-ui實現(xiàn)el-table表格自適應高度的案例
這篇文章主要介紹了Vue2+Element-ui實現(xiàn)el-table表格自適應高度的案例,本文結合示例代碼給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧
2024-06-06
element?table數(shù)據(jù)量太大導致網(wǎng)頁卡死崩潰的解決辦法
當頁面數(shù)據(jù)過多,前端渲染大量的DOM時,會造成頁面卡死問題,下面這篇文章主要給大家介紹了關于element?table數(shù)據(jù)量太大導致網(wǎng)頁卡死崩潰的解決辦法,需要的朋友可以參考下
2023-02-02
Vue使用el-table實現(xiàn)自適應列寬
這篇文章主要為大家詳細介紹了Vue使用el-table實現(xiàn)自適應列寬，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-01-01
關于vue屬性使用和不使用冒號的區(qū)別說明
這篇文章主要介紹了關于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造輪子之打包構建配置二級目錄方式
這篇文章主要介紹了Vue3造輪子之打包構建配置二級目錄方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2024-07-07
axios 封裝上傳文件的請求方法
今天小編就為大家分享一篇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實現(xiàn)動態(tài)添加行/可編輯的table
這篇文章主要為大家詳細介紹了vue+elementui實現(xiàn)動態(tài)添加行/可編輯的table，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07