本文总结了一些最值得关注的工具和库，相信你迟早会用在自己的 Vue.js 项目中。同类文章经常只会列举一些 UI 组件库，而本文涉及的范围更广，探讨了 Vue 生态系统中的一系列工具、库和插件。...我的选择是基于实用性、有效性和独特性等原则——而不是它们的 GitHub 受欢迎程度或星级评分。...借助 Bootstrap Vue，你可以使用 Vue.js 和世界上最受欢迎的前端 CSS 库——Bootstrap v4 在 Web 上构建响应式、移动优先和 ARIA 可访问的项目。...它有一个默认主题（适用于技术文档），但你也可以构建自定义主题或使用社区中的预制主题。...响应式做的不错，移动PC多端支持，配置灵活，组件也挺多的，足够现代，功能全面vuetify，一直用一直爽，强烈推荐vuetify。
它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。...02 VuePress https://v1.vuepress.vuejs.org/ VuePress 由两部分组成：第一部分是一个极简静态网站生成器，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题...06 Vuetify https://vuetifyjs.com/en/ Vuetify目前是基于vue的最好的UI组件库之一。...所有Vuetify的组件都有很好的文档说明，并提供了清晰的示例。...当使用Quasar时，你不需要加载像Hammerjs，Momentjs或Bootstrap这样额外的库。它拥有这些功能，而且体积很小！
由于Vue 是一个国际开发者社区所选择的框架，所以有一个不断增长的插件和包库，你可以在项目中使用。...对 PWA 的支持、添加谷歌分析到你的网页或生成网站地图，这些功能都无需重新发明轮子来获得。 NuxtJS 目前基于 Vue 2。但是 nux3 最近已经发布，并且已经完全重写以支持Vue 3。...默认主题与 Vue 官方文档一致 简洁，少配置，高性能 Markdown 专为技术文档提供拓展 自带 PWA 自定义主题，可定制程度完全由自己决定 Vue Meta 文档地址：https://vue-meta.nuxtjs.org...这个库允许你使用 VueJS 组件为你的网站轻松创建 3D 内容。...你可以使用这个库在你的网站上添加一个 3D 渲染器，并在你的 VueJs 文件的部分中使用预先建立的组件指定场景细节，如材料、照明、网格、阴影等。
Vuetify有超过100个组件元素，带有响应式网格系统，完全支持事件处理。通过每周的补丁和持续的更新，Vuetify 很可能在未来几年内仍然是最受欢迎的Vue库之一。 ? 2....当使用Quasar时，你不需要像Hammerjs，Momentjs或Bootstrap这样的额外重型库。它拥有这些功能，而且体积很小！ ? 6....DeepReader构建了在线阅读环境，并带有可以添加注释，小部件和不同工具的不同组件，以创建完整的学习/阅读环境。 ? 13....它不是一个CSS框架，不包括网格系统或排版风格，但有需要Javascript 的组件。 ? 14....就我个人而言，我真的很喜欢AT UI随附的最小样式和字体选择，而且我认为添加到任何项目中都非常直观且容易。 与其他库相比，它的内置图标库（Feather）也是一个巨大的好处。 ? 15.
它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。...使用任何CMS或数据源获取内容。从WordPress，Contentful，本地Markdown或任何其他无头CMS或API中提取数据。 首先只加载关键的HTML，CSS和JavaScript。...其官方地址：https://nuxtjs.org/ 6、Vuetify Vuetify目前是基于vue的最好的UI组件库之一。...所有Vuetify组件都有很好的文档说明，并提供了清晰的示例。...当使用Quasar时，你不需要加载像Hammerjs，Momentjs或Bootstrap这样额外的库。它拥有这些功能，而且体积很小！
Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或已有项目整合。...（推荐）Auto Close Tag：自动添加 HTML/XML 结束标签。 （推荐）Auto Rename Tag：自动重命名对应的 HTML/XML 标签。...比如项目中需要一个按钮时，就可以到对用的组件下面找到它，将代码拿出来即可，里面有各式各样风格的组件：Button component — Vuetify Vue.js安装 1、通过下载 Vue.js.../vuejs/vue.js"> 2、在线引用 ...NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。
口味：铁锅炖排骨 “文章尽可能的以图文形式还原尤大的直播内容(为了你有更好的观看体验，欧巴添加了一些相关链接)。...Quasar[4] Element Plus[5] And Design Vue[6] Vuetify[7] Nuxt 3[8] 开发体验改进 构建工具 Vite Vite 官方中文文档[9] “该知道的都知道了...现有项目如果与 Webpack 强依赖，可能也没有办法简单的迁移过来。...Vue3 成为默认版本 by end of Q2 2021 将会在 2021 年 6 月底，将 npm 默认安装指向 Vue3，文档也会默认指向 Vue3 的文档，希望新的用户会以 Vue3 作为基准。...: https://github.com/vuetifyjs/vuetify [8] Nuxt 3: https://github.com/nuxt/nuxt.js [9] Vite 官方中文文档: https
我觉得，该默认的配色方案确实具有美感，可为我们的应用程序提供一定程度的专业水准和修饰感。 同时它也有暗模式和亮模式。此可切换功能确实增加了额外的自定义层，可以使应用程序脱颖而出。 ?...ref=learnvue.co 顾名思义，Vue Light Bootstrap Dashboard Pro是使用 Bootstrap 4和 VueJS构建的。...此功能允许开发人员根据自己的特定项目需求来定制。无需数小时的额外编程即可提供自定义的感觉。 主要特点： 基于Bootstrap 4 160 多个自定义元素 响应式设计 高度可定制的侧边栏菜单 4....代码中已经添加了许多Vue库，例如vue-router和Vuex。 尽管它可能不是“现成的”，但它确实为开发人员在仪表板的布局，设计和结构上提供了额外的灵活性。...浅蓝主题Vue管理模板（Light Blue Vue Admin）可以轻松为IoT仪表板、SAAS启动、预订管理系统或任何其他Web应用程序构建管理界面。 ? 16.
对 PWA 的支持、添加谷歌分析到你的网页或生成网站地图，这些功能都无需重新发明轮子来获得。 NuxtJS目前基于Vue 2。但是nux3最近已经发布，并且已经完全重写以支持Vue 3。...默认主题与 Vue 官方文档一致 简洁，少配置，高性能 Markdown 专为技术文档提供拓展 自带 PWA 自定义主题，可定制程度完全由自己决定 Vue Meta 地址：https://vue-meta.nuxtjs.org...这个库允许你使用VueJS组件为你的网站轻松创建3D内容。...你可以使用这个库在你的网站上添加一个3D渲染器，并在你的VueJs文件的部分中使用预先建立的组件指定场景细节，如材料、照明、网格、阴影等。...Vue二维码阅读器是一个即插即用的包，允许你添加二维码扫描功能到你的应用程序。
我觉得，该默认的配色方案确实具有美感，可为我们的应用程序提供一定程度的专业水准和修饰感。 同时它也有暗模式和亮模式。 此可切换功能确实增加了额外的自定义层，可以使应用程序脱颖而出。...顾名思义，Vue Light Bootstrap Dashboard Pro是使用 Bootstrap 4和 VueJS构建的。...此功能允许开发人员根据自己的特定项目需求来定制。 无需数小时的额外编程即可提供自定义的感觉。 主要特点： 基于Bootstrap 4 160 多个自定义元素 响应式设计 高度可定制的侧边栏菜单 4....代码中已经添加了许多Vue库，例如vue-router和Vuex。 尽管它可能不是“现成的”，但它确实为开发人员在仪表板的布局，设计和结构上提供了额外的灵活性。...浅蓝主题Vue管理模板（Light Blue Vue Admin）可以轻松为IoT仪表板、SAAS启动、预订管理系统或任何其他Web应用程序构建管理界面。 16.
Github Star数：25K 官网地址：https://vuepress.vuejs.org/zh/ Vuegg 低代码开发是一种可视化应用开发方法,使用拖放式组件和模型驱动逻辑来创建 Web...Github Star数：2.2K 官网地址：https://vuegg.github.io/ Vuetify Vuetify 是一个基于 Vue.js 精心打造 UI 组件库，整套 UI 设计为...Vuetify 所有组件遵从 Material Design 设计规范，UI 体验非常优秀。...该项目是由 Vue.js 创建和维护的，包含一系列的 Vue.js 的精选内容，对于刚学习 Vue 的小白或者进阶老手，这个项目都是很适合的，这里面涵盖了大量的内容，因此很值得去看一看。...用户可以轻松地创建一个静态生成或服务器渲染的快速网站，并部署到各种托管服务中。
环境准备Visual Studio CodeNode.jsYarnVue CLI创建 Vue.js 应用添加 Vuetify 组件添加 Electron 构建发布 Electron 应用参考结语 环境准备...GitHub: https://github.com/vuejs/vue-cli 全局安装 Vue CLI ： yarn global add @vue/cli 查看 Vue CLI 版本： $ vue...添加 Vuetify 组件 Vuetify 是 Vue.js 的 Material Design 组件库。也可以换用其他的，如 Element 等。...GitHub: https://github.com/vuetifyjs/vuetify 添加 Vuetify ： cd my-app vue add vuetify preset 选择 Default...双击 dmg 试用或安装: ? 若要修改发布格式或内容，见 Electron Builder 文档：https://www.electron.build/ 。
Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或已有项目整合。...（推荐）Auto Close Tag：自动添加 HTML/XML 结束标签。 （推荐）Auto Rename Tag：自动重命名对应的 HTML/XML 标签。.../zh-Hans/ 这里主要使用的组件库是 vuetify。.../vuejs/vue.js"> 2、在线引用 ...NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。
在选择 UI 框架之前或之后，推荐阅读一下谷歌的设计指南。框架未立，思想先明。 1，比较流行的 UI 框架有哪些？...饿了么前端团队打造 iView 支持vue2.x Vue Antd 支持vue1.x，据说不再有人维护 N3 支持vue2.x AliTelecom UI 支持vue2.x，阿里通信技术团队打造 Vue-Blu 基于Vuejs...vue-carbon 基于 vuejs 1.0 开发 material design 风格的移动端 WEB UI 库 VUM vue-mobile是用于SPA的Vue.js的UI框架 1.3 其它 Quasar...统一的思想，利于开发出风格一致的项目外观，同时也利于不岗位之间的沟通。 2.1 Vuetify给出的 vue ui 框架对比图 第一条：组件数量。仅次于 element ui。...Android 手机上有一项顶重要的服务叫 Accessibility Service，做过 App 无人值守测试开发或微信朋友圈自动点赞的朋友对它都不陌生。 Section 508 指什么？
技术资讯 1. 2022 Vue 年终总结[2] 尤大发布了 2022 Vue 年终总结，下面挑选一些重点来看看： 2022 年 2 月，Vue3.x 成为新的默认版本[3]。...Nuxt 3[4] 和 Vuetify 3[5] 都在 2022 年 11 月发布稳定版本，NativeScript-Vue3[6] 最近推出了测试版本，向已经支持 Vue 3 相当长一段时间的伟大项目瑞思拜...acos(), atan(), atan2() Safari 16.2 支持 Grid 和 Flex 布局的 last baseline 对齐，还为 font-variant-alternates 添加了一系列属性值的支持...添加了 --bun flag，继续提升对 Node.js 的兼容性等等。 下面我们来看技术资料。 技术资料 1..../posts/2022-year-in-review.html [3] Vue3.x 成为新的默认版本: https://blog.vuejs.org/posts/vue-3-as-the-new-default.html
Nuxt 3 Vuetify Quasar Element Plus Ant Design Vue 用户体验 持续探索中： 新的构建工具 更棒的语法 IDE/TS 支持 构建工具 Vite，不用说了，今年的明星项目...更好的 IDE/TS 支持 多个探索中的项目 Vetur VueDX Volar 获得了： 类型检查，语法提示和 SFC templates 的自动重构 接下来： 把这些努力整合成更推荐的链路 提供 CLI...估计在四月末 可单独配置来兼容 v2 Vue3 会在 2021 二季度末尾，变成新的默认版本！...npm 的 lastest tag 会默认安装 Vue3 vuejs.org 官网会指向 Vue3 的文档 感谢大家！...-support.md [5] 讨论: https://github.com/vuejs/rfcs/discussions/296 感谢大家 欢迎关注三元同学，前端潮流趋势、原创面试热点文章应有尽有。
今天给大家盘点12个Vue 3的高颜值UI组件库，凡是用过Vue 框架开发项目的老铁们最少有用过其中一种或者二种以上的UI组件库，用广东话讲：个个都靓。...Vue 实现，组件的风格与 Ant Design 保持同步 Naive UI 一个 Vue 3 组件库，比较完整，主题可调，使用 TypeScript，不算太慢,有点意思 Quasar 构建高性能的 VueJS...官网地址：https://vuetifyjs.com/ Github（36k）: https://github.com/vuetifyjs/vuetify Vuetify 是一个纯手工精心打造的 Material...如果您确实需要支持旧版本的浏览器，请自行添加 Babel 和相应的 Polyfill 。...Naive UI 官网地址：https://www.naiveui.com/ Github（11k）:https://github.com/tusen-ai/naive-ui Quasar 构建高性能的 VueJS
这些项目和库可以分为 3 类： 用户界面（1~19） Vue.js工具（20~36） 项目（37~45） 这是一个极具权威性的表单，精确汇总了 2018 年 1-12 月期间发布的最佳 Vue.js 开源项目...这些项目的 Github Star 平均数为 2620，可见其卓越不凡。 开源项目对程序员来说意义非凡，让我们花些时间，一起来看看这些在去年可能被你错过了的 Vue.js 开源项目吧。...Vuetify Star 数：16672 GitHub：https://github.com/vuetifyjs/vuetify 介绍：Vue.js 2 的 Material 组件框架（1.0 版本）...Vuetify 2....Gridsome Star 数：1902 GitHub：https://github.com/gridsome/gridsome 介绍：使用 Vue.js 为 CMS 或数据构建超快的网站。 ?
领取专属 10元无门槛券
手把手带您无忧上云
