Skip to main content

Vuetify 是什么

Vuetify 是一个完全遵循 Material Design 设计的 UI 组件库,构建在 Vue 之上。

为什么要使用 UI 组件库

  1. 专业设计师做好了视觉设计,不用多写一行 CSS 就可达到美观的效果
  2. 组件库提供了各种各样的常用组件,只需要将它们组合在一起即可
  3. 对后端开发者和初学者友好,组件库通常提供了常用的助手函数,不会写 JS 也没任何关系

为什么选择 Vuetify

  1. 开源且社区活跃,提交的问题都能及时得到解决
  2. 更新频率极高,每周都会准时发布新版本
  3. 组件完全语义化,不看文档也能够读懂组件的用处
  4. 对新手友好,你可以在 Vuetify 社区询问一切开发问题,核心开发人员也会不定时的在里面免费解答

你需要的预先学习的知识

  1. Vue 的基本使用
  2. 常见名词的了解,例如 Vue CLI、Webpack 等

本教程所教授的知识

  1. 常用的组件技巧
  2. Vue 开发相关问题
  3. 配置问题,例如 SCSS 变量、自动组件引入等
  4. 渐进式部署教程,完全手动到使用 CI/CD 自动部署
  5. 使用一些具有免费额度的 Serverless 服务进行上线预览或者生产部署
@2023 HeroUI & Singularity Robotics PTE. LTD. All rights reserved.