Express+MongoDB+Vue實現后臺網站五

Sublime Text
新建工程1 打開號令提醒行,進入項目目次“D:\phpStudy\WWW\study\Vue”,然后執行號令“vue init webpack service_view”,執行結果如下圖(每一項的數據輸入可按照現實環境進行調整):

Express+MongoDB+Vue實現后臺網站五



Express+MongoDB+Vue實現后臺網站五



2 生當作工程包當作功后,執行號令“cd service_view”切換目次后,再執行號令“npm run dev”啟動項目,執行結果如下圖1:
Tips:執行號令“npm run dev”之前,該項目需要安裝以下組件包:
1.執行下圖2的三個號令,element-ui用于vue的UI框架 ,axios是一個基于promise的HTTP 庫;
2.安裝樣式加載器npm i css-loader node-sass sass-loader vue-loader vue-style-loader style-loader less less-loader --s 。

Express+MongoDB+Vue實現后臺網站五



Express+MongoDB+Vue實現后臺網站五



3【Express+MongoDB+Vue實現后臺網站五】 啟動當作功后,瀏覽器輸入地址“http://localhost:8080/”打開頁面,顯示結果如下圖(證實工程建立當作功):

Express+MongoDB+Vue實現后臺網站五




以上內容就是Express+MongoDB+Vue實現后臺網站五的內容啦,希望對你有所幫助哦!

    猜你喜歡