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