詳解使用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)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

Vue中配置使用process.env詳解
process.env?是?Node.js?中的一個環(huán)境對象，其中保存著系統(tǒng)的環(huán)境的變量信息，可使用?Node.js?命令行工具直接進行查看，這篇文章主要介紹了Vue中配置process.env詳解,需要的朋友可以參考下
2023-03-03
Vue組件的計算屬性和普通屬性的區(qū)別說明
這篇文章主要介紹了Vue組件的計算屬性和普通屬性的區(qū)別說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-01-01
vue2.0結(jié)合Element實現(xiàn)select動態(tài)控制input禁用實例
本篇文章主要介紹了vue2.0結(jié)合Element實現(xiàn)select動態(tài)控制input禁用實例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-05-05
vant/vue跨域請求解決方案
這篇文章主要介紹了vant/vue跨域請求解決方案,需要的朋友可以參考下
2022-12-12
vue實現(xiàn)購物車全部功能的簡單方法
vue是前端輕量級MVVM框架,入門門檻相對較低,今天用Vue做一個購物車實例,所以下面這篇文章主要給大家介紹了關于vue實現(xiàn)購物車全部功能的簡單方法,需要的朋友可以參考下
2021-07-07
vue + typescript + video.js實現(xiàn) 流媒體播放視頻監(jiān)控功能
視頻才用流媒體，有后臺實時返回數(shù)據(jù)，要支持flash播放，所以需安裝對應的flash插件。這篇文章主要介紹了vue + typescript + video.js 流媒體播放視頻監(jiān)控,需要的朋友可以參考下
2019-07-07
vue子元素綁定的事件, 阻止觸發(fā)父級上的事件處理方式
這篇文章主要介紹了vue子元素綁定的事件, 阻止觸發(fā)父級上的事件處理方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2023-11-11
一篇文章教你簡單使用Vue的watch偵聽器
這篇文章主要為大家介紹了Vue watch偵聽器，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2021-12-12
vue實現(xiàn)表格過濾功能
這篇文章主要為大家詳細介紹了vue實現(xiàn)表格過濾功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-09-09
Vue組件與生命周期詳細講解
Vue的生命周期就是vue實例從創(chuàng)建到銷毀的全過程,也就是new Vue() 開始就是vue生命周期的開始。Vue 實例有?個完整的?命周期,也就是從開始創(chuàng)建、初始化數(shù)據(jù)、編譯模版、掛載Dom -> 渲染、更新 -> 渲染、卸載等?系列過程,稱這是Vue的?命周期
2022-10-10