9个优秀的 VUE 开源项目( 二 ) _VUE

特征：

自动转译和打包（通过 webpack 和 babel）；
代码热加载；
可以选择服务器端渲染、单页应用程序或静态生成；
可通过 nuxt.config.js 文件进行配置；
为每个页面的页代码进行拆分；
带有 layouts/目录的自定义布局；
仅加载关键的CSS（页面级）。

Nuxt 成为 Vue 开发不可或缺的一部分，有许多贡献者和广泛的社区。
Quasar网站： https://quasar.dev/Github： https://github.com/quasarframework/quasarDemo: –License: MITGithub stars: 14.8k

文章插图

Quasar framework
Quasar 是一个基于 Vue 的通用框架，可让你用相同的代码库为不同平台编写应用程序：SPA ， PWA ， SSR 应用，混合移动应用或多平台桌面应用。Quasar 包含多达 81 个组件。
这里有大量的文档和的组件，这些组件在设计时都考虑了性能和响应能力。Quasar 默认情况下集成了最佳做法（html/CSS/JS最小化、缓存清除、tree shaking ，源映射、带有延迟加载的代码拆分、ES6 生成， code-splitting、可访问性等），所以你只需要把经历放在程序的功能上。它还提供了一个 CLI 工具，用于轻松构建新的项目。
Bootstrap Vue网站： https://bootstrap-vue.org/Github: https://github.com/bootstrap-vue/bootstrap-vueDemo: https://bootstrap-vue.org/playLicense: MITGithub stars: 11.5k

文章插图

Bootstrap Vue logo
Bootstrap Vue 是基于 Bootstrap 库的 UI 套件。它只是用 Vue 代码替换了常规的 Bootstrap 组件中的JAVAScript 。借助 Bootstrap Vue ，你可以使用 Vue.js 和世界上最受欢迎的前端 CSS 库——Bootstrap v4 在 Web 上构建响应式、移动优先和 ARIA 可访问的项目。它还可以轻松地与 Nuxt.js 集成。
文档内容丰富，加上强大的社区支持，这使你可以轻松的启动一个项目。
开发者工具Statusfy网站： https://aceforth.com/products/statusfyGithub: https://github.com/aceforth/statusfyDemo: –License: Apache License 2.0Github stars: 1.9k

文章插图

Statusfy project
Statusfy 是一个完全开源的状态页面系统。Statusfy 网站是一个 Web 应用，基于 Eleventy、Vue、Nuxt.js 和 Tailwind CSS 创建。
它很酷，因为：

Markdown 支持；
它是一个渐进式 Web 应用；
多国语言支持；
易于定制。

在社区管理和支持方面，该项目具有社区聊天功能，大量教程、技巧、更新和博客。它还有详细的的文档。
Cachet网站： https://cachethq.io/Github： https://github.com/CachetHQ/CachetDemo: https://demo.cachethq.io/License: BSD 3-Clause “New” or “Revised” LicenseGithub stars: 11.1k

文章插图

Cachet project
Cachet 是由 Vue 和Bootstrap 组成的功能强大的开源状态页面系统。它内置了 10 种语言。Cachet 与简单但功能强大的 JSON API 捆绑在一起。通过 Cachet 你可以提前安排事件。可以在信息中心内设置指标，这是一种衡量指标的方法，无论是正常运行时间，错误率还是完全随机的指标。
Slack 有一个很大的社区，贡献者非常活跃。
VeeValidate网站： http://vee-validate.logaretm.com/Github： https://github.com/logaretm/vee-validateDemo: –License: MITGithub stars: 7.6k