关于前端:10个相见恨晚的vuejs库用好了事半功倍

38次阅读

共计 2418 个字符,预计需要花费 7 分钟才能阅读完成。

  Vue 联合了 React 和 Angular 的长处,并且有着团结、沉闷且宏大的社区,能够帮忙解决开发中遇到的问题。开源社区一直提出解决问题的新办法。工具和库的数量也奉献量一直的减少。

  • 该框架十分小。 约为 18–21KB;
  • Vue 反对用基于组件的办法来构建 Web 利用
  • 具体的文档 。这对于初学者来说很容易上手;
  • 易于了解。 因为其构造简略,你能够轻松地把 Vue.js 增加到本人的 Web 我的项目里。它凭借定义良好的体系结构来保留你的数据。生命周期办法和自定义办法是离开的;
  • 轻松的集成。 你能够通过 CDN 来轻松增加 Vue.js,不依赖 Node.js 和 npm 环境就能够用。齐全能够把它当成代替 jQuery 的绝佳抉择;
  • 杰出的工具。 通过 Vue CLI,你能够应用内置的路由、状态存储、Lint、单元测试、CSS 预处理器、Typescript、PWA 等来启动新我的项目。此外,Vue CLI 还提供了用于治理我的项目的 UI。

  上面汇总了一些十分风行的工具和库,并包含在 Vue 生态系统中所波及到的其余库和插件。

1.ViewUI

  View UI,即原先的 iView,是一套基于 Vue.js 的开源 UI 组件库,次要服务于 PC 界面的中后盾产品。

2.Vue.js Modal

  Vue.js 模态框(Modal)是一个易用、高度可定制化的 Vue.js 模态框组件库,反对 SSR。

3.Mint UI

  Mint UI 由饿了么前端团队推出的 Mint UI,是一个基于 Vue.js 的挪动端组件库。Mint-UI 蕴含丰盛的 CSS 和 JS 组件,可能满足日常的挪动端开发须要。通过它,能够疾速构建出格调对立的页面,晋升开发效率。

4.Vuetify

  一款十分粗劣的 UI 框架, 它提供了很多罕用的组件, 依附 Material Design 的设计劣势, 让你无需编写一行 css 代码就能够失去十分好看的界面性能。

5.Buefy

  Buefy 基于 Bulma 和 Vue.js 的轻量级 UI 组件,它提供了即装即用的轻量级组件。

个性:

  • 使得你目前的 Bulma 主题 / 变量很简略
  • 反对材质设计图标和 FontAwesome
  • 除了 Vue&Bulma 以外,没有任何外部依赖关系
  • 约 60KB min + gzip(含 Bulma)
  • 语义代码输入
  • 遵循 Bulma 设计和一些 Material Design UX
  • 关注可用性和性能,而不是适度动画

6.Vue Material

  Vue Material 简略、笨重,并且齐全依照 Google Material Design 标准构建。Vue Material 提供了超过 56 个组件来构建不同类型的布局。Material Design Framework 领有真正残缺的文档。该框架十分笨重,具备完全符合 Google Material Design 指南的所有组件。这种设计并反对所有的古代浏览器适宜所有的屏幕。

7.Nuxt.js

  Nuxt 是一个简略而间接的框架,用于构建通用程序,例如:服务器端渲染的利用,单页利用,渐进式 Web 利用,或只是把它用作动态站点生成器。它也是模块化的,所以你只需应用程序所需的那些模块即可。Nuxt 使你不用纠结于构建和优化程序的工作。Nuxt.js 具备模块化架构,有 50 多个模块可供选择。

特色:

  • 主动转译和打包(通过 webpack 和 babel);
  • 代码热加载;
  • 能够抉择服务器端渲染、单页应用程序或动态生成;
  • 可通过 nuxt.config.js 文件进行配置;
  • 为每个页面的页代码进行拆分;
  • 带有 layouts/ 目录的自定义布局;
  • 仅加载要害的 CSS(页面级)。

  Nuxt 成为 Vue 开发不可或缺的一部分,有许多贡献者和宽泛的社区。

8.Quasar

  Quasar 是一个基于 Vue 的通用框架,可让你用雷同的代码库为不同平台编写应用程序:SPA,PWA,SSR 利用,混合挪动利用或多平台桌面利用。Quasar 蕴含多达 81 个组件。

  这里有大量的文档和的组件,这些组件在设计时都思考了性能和响应能力。Quasar 默认状况下集成了最佳做法(HTML/CSS/JS 最小化、缓存革除、tree shaking,源映射、带有提早加载的代码拆分、ES6 生成,code-splitting、可拜访性等),所以你只须要把经验放在程序的性能上。它还提供了一个 CLI 工具,用于轻松构建新的我的项目。

9.Bootstrap Vue

  Bootstrap Vue 是基于 Bootstrap 库的 UI 套件。它只是用 Vue 代码替换了惯例的 Bootstrap 组件中的 JavaScript。借助 Bootstrap Vue,你能够应用 Vue.js 和世界上最受欢迎的前端 CSS 库——Bootstrap v4 在 Web 上构建响应式、挪动优先和 ARIA 可拜访的我的项目。它还能够轻松地与 Nuxt.js 集成。

  文档内容丰盛,加上弱小的社区反对,这使你能够轻松的启动一个我的项目。

10.Statusfy

  Statusfy 是一个齐全开源的状态页面零碎。Statusfy 网站是一个 Web 利用,基于 Eleventy、Vue、Nuxt.js 和 Tailwind CSS 创立。

它很酷,因为:

  • Markdown 反对;
  • 它是一个渐进式 Web 利用;
  • 多国语言反对;
  • 易于定制。

  在社区治理和反对方面,该我的项目具备社区聊天性能,大量教程、技巧、更新和博客。它还有具体的的文档。

结尾

本期就分享到这里,我是小编南风吹,专一分享好玩乏味、离奇、实用的开源我的项目及开发者工具、学习资源!
心愿能与大家独特学习交换, 欢送关注我的公众号 【Github 导航站】

往期举荐

3000 多人拜访一个 html 文件,多少宽带才足够撑持

程序员接私活必备后盾框架,不必反复造轮子,网友:太好用了!

还在从头到尾撸我的项目?这 6 个 SpringBoot 我的项目用好了,事倍功半!

厉害了, 这款程序员代码补全工具,让你的编程效率飞起来!

「00 后缩写黑话翻译器」登上 GitHub 热榜,中年网民终于能看懂年轻人的 awsl

太酷了!这款开源安卓投屏软件,让你工作游戏两不误!

正文完
 0