运用VUE搭建背景治理体系(vue-cli更新至3.0)

近来还没来得及更新文章,就发明vue-cli已更新到3.0版本了。
//想了想照样用晋级吧,横竖终究都逃不掉,不如在这个项目上试验一下3.0的威力(并不会)。

晋级vue-cli

npm install -g vue@cli
vue -V

《运用VUE搭建背景治理体系(vue-cli更新至3.0)》

运用图形化界面建立项目

这里需要到自定义目录下,轻易今后的项目治理;执行命令后,会打开一个localhost:8080的窗口,是vue项目的图形化治理界面

cd targetFolder
vue ui

《运用VUE搭建背景治理体系(vue-cli更新至3.0)》

建立新项目

这里不一一引见了,随意截了两张图看看

《运用VUE搭建背景治理体系(vue-cli更新至3.0)》
这里设置能够经由过程预设,也能够运用默许,以后再增加;我这里本身保留了一套本身经常使用的预设设置,以后就最先装置项目所需依靠。

《运用VUE搭建背景治理体系(vue-cli更新至3.0)》

装置胜利

《运用VUE搭建背景治理体系(vue-cli更新至3.0)》

《运用VUE搭建背景治理体系(vue-cli更新至3.0)》

vue-cli3.0启动的指令和2.0比拟有了些修正

cnpm run dev ==> cnpm run serve

不过我们如今能够经由过程图形化界面举行启动

《运用VUE搭建背景治理体系(vue-cli更新至3.0)》

启动以后按例接见localhost:8080即可接见新建的项目

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