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