用vue cli 来安装 vuetify 参考: https://blog.csdn.net/weixin_44381516/article/details/101845903
vue cli3.0快速搭建项目详解 参考: https://www.cnblogs.com/coober/p/10875647.html
安装 vue cli 和 UI
cnpm install -g @vue/cli
cnpm install -g @vue/ui
如果之前安装老版本,先卸载
npm uninstall vue-cli -g
运行 ui
vue ui
查看帮助(参考: https://stackoverflow.com/questions/51250588/how-can-i-bind-vue-ui-to-another-ip-vue-cli-3 )
$ vue ui -h
修改vue-ui 访问IP和端口
vue ui -H 0.0.0.0 -p
vue+vuetify+vue cli3
1.创建项目
vue create project-one
1
cd project-one
1
cnpm run serve
1
2.用vue-cli添加vuetify程序包
vue add vuetify
1
3.vs code打开文件
4.安装vue-router
cnpm install vue-router –save
1
5.更改项目目录
(1).删除文件Helloword.vue和app.vue中有关Helloword信息,并添加文件Home.vue与Team.vue,router.js,如图
(2). 配置router.js
(3).Home.vue与Team.vue
(4).打开页面
大功告成!
————————————————
版权声明:本文为CSDN博主「sea…」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_44381516/article/details/101845903