詳解使用VUE搭建后臺管理系統(tǒng)(vue-cli更新至3.0)
最近還沒來得及更新文章,就發(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)建新項目
這里不一一介紹了,隨便截了兩張圖看看
這里配置可以通過預(yù)設(shè),也可以使用默認(rèn),之后再添加;我這里自己保存了一套自己常用的預(yù)設(shè)配置,之后就開始安裝項目所需依賴。
安裝成功
vue-cli3.0啟動的指令和2.0相比有了些修改
cnpm run dev ==> cnpm run serve
不過我們現(xiàn)在可以通過圖形化界面進(jìn)行啟動
啟動之后照例訪問localhost:8080即可訪問新建的項目
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 詳解Vue后臺管理系統(tǒng)開發(fā)日??偨Y(jié)(組件PageHeader)
- vue中如何實現(xiàn)后臺管理系統(tǒng)的權(quán)限控制的方法步驟
- 淺談vue后臺管理系統(tǒng)權(quán)限控制思考與實踐
- vue中如何實現(xiàn)后臺管理系統(tǒng)的權(quán)限控制的方法示例
- vue+express 構(gòu)建后臺管理系統(tǒng)的示例代碼
- 使用vue.js2.0 + ElementUI開發(fā)后臺管理系統(tǒng)詳細(xì)教程(一)
- 使用vue.js2.0 + ElementUI開發(fā)后臺管理系統(tǒng)詳細(xì)教程(二)
- vue+element-ui JYAdmin后臺管理系統(tǒng)模板解析
相關(guān)文章
Vue2+Element-ui實現(xiàn)el-table表格自適應(yīng)高度的案例
這篇文章主要介紹了Vue2+Element-ui實現(xiàn)el-table表格自適應(yīng)高度的案例,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-06-06element?table數(shù)據(jù)量太大導(dǎo)致網(wǎng)頁卡死崩潰的解決辦法
當(dāng)頁面數(shù)據(jù)過多,前端渲染大量的DOM時,會造成頁面卡死問題,下面這篇文章主要給大家介紹了關(guān)于element?table數(shù)據(jù)量太大導(dǎo)致網(wǎng)頁卡死崩潰的解決辦法,需要的朋友可以參考下2023-02-02Vue使用el-table實現(xiàn)自適應(yīng)列寬
這篇文章主要為大家詳細(xì)介紹了Vue使用el-table實現(xiàn)自適應(yīng)列寬,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-01-01關(guān)于vue屬性使用和不使用冒號的區(qū)別說明
這篇文章主要介紹了關(guān)于vue屬性使用和不使用冒號的區(qū)別說明,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10Vue中router-view和component :is的區(qū)別解析
這篇文章主要介紹了Vue中router-view和component :is的區(qū)別解析,router-view用法直接填寫跳轉(zhuǎn)路由,路由組件會渲染<router-view></router-view>標(biāo)簽,本文給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10基于Vue.js與WordPress Rest API構(gòu)建單頁應(yīng)用詳解
這篇文章主要介紹了基于Vue.js與WordPress Rest API構(gòu)建單頁應(yīng)用詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09Vue時間軸 vue-light-timeline的用法說明
這篇文章主要介紹了Vue時間軸 vue-light-timeline的用法說明,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10vue+elementui實現(xiàn)動態(tài)添加行/可編輯的table
這篇文章主要為大家詳細(xì)介紹了vue+elementui實現(xiàn)動態(tài)添加行/可編輯的table,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-07-07