【Vuetify】Vue 整合 Vuetify 学习分享

Vuetify Material 风格演示

Vuetify 实乃设计废福音,他的颜值目前来讲是所有框架中我最喜欢的→_→

大家可以先点击上方的链接 review 以下他的样式,如果喜欢的话不妨再往下看,一起加入 Vuetify 的队伍~

然而在学习 Vuetify 的过程中我遇到了很大的阻力,他的 文档 实属弟弟(也可能是我太垃圾了)

总之,我想要分享一些我在学习过程中的经验教训,希望能帮到一些比我更加 brand new 的新人,也希望经验丰富的老前辈们可以不吝赐教(大佬们求抱大腿 TAT)

起步

  1. 通过 vue-cli 3 初始化一个 Vue 项目
  2. cd 进入项目目录,命令行执行 vue add vuetify

理论上来说只需以上两步就可以完成一个 Vue + Vuetify 项目的初始化

如果出现意外......那只好追随 官方指南 来解决问题了

学习

对于一个 UI 框架,最好的学习方法莫过于实践

于是我创建了一个 Github 项目,在这里体验并结合各种组件的使用

关于各种常见问题,我都在 README.md 中有所描述

同时,我也会在 note.md 中对于文档中没有写明、但在实际使用中较为重要的属性进行记录

项目地址:https://github.com/GStarP/vuetify-study(明示求 star)(虽然真的很菜)

另外,欢迎大家评论一些使用 Vuetify 时遇到的问题(已解决的也可),Never Stop Challenging !

Logo

前往低代码交流专区

更多推荐