運用VUE搭建背景治理體系(運用vue-cli搭建框架)

打仗VUE已幾個月了,已完成了一個背景治理體系,一個商城體系。本日決議總結一下之前的零星的知識點,在此開一個系列,本身也從頭開始完成一個背景治理體系的搭建,並放在github中供人人參考。

裝置vue-cli

運用npm全局裝置vue-cli,以後能夠經由過程vue敕令檢察是不是裝置勝利;下圖是裝置好vue-cli檢察的狀況。

npm install vue-cli -g

《運用VUE搭建背景治理體系(運用vue-cli搭建框架)》

運用vue-cli初始化一個vue項目

vue init webpack vueAdmin
npm install

運用vue-cli舉行項目初始化的時刻,能夠運用github上的模板;假如是裝置規範模板則運用以上敕令。詳細的參數就不逐一詮釋了,網上都能百度到,這裏只做我完成項目的進程。

《運用VUE搭建背景治理體系(運用vue-cli搭建框架)》

啟動項目

npm run dev

依據提醒,接見localhost:8888,即可翻開新創建的vue運用。固然我這裏的端口是自行分派的,假如須要修正在config/index.js中修正dev中的port參數即可。

《運用VUE搭建背景治理體系(運用vue-cli搭建框架)》

    原文作者:bigZMC
    原文地址: https://segmentfault.com/a/1190000015453680
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞