vue适合做什么项目,vue学多久能上手做项目

Vue Material project

Vue Material 简单、轻巧，并且完全按照 Google Material Design 规范构建。Vue Material 提供了超过 56个组件来构建不同类型的布局。Material Design Framework 拥有真正完整的文档。该框架非常轻巧，具有完全符合Google Material Design 指南的所有组件。这种设计并支持所有的现代浏览器适合所有的屏幕。

网站： https://nuxtjs.org/Github： https://github.com/nuxt/nuxt.jsDemo: –License: MITGithub stars: 27.4k

Nuxt.js logo

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

特征：

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

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

网站： 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 工具，用于轻松构建新的项目。

网站： 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 集成。

文档内容丰富，加上强大的社区支持，这使你可以轻松的启动一个项目。

网站： https://aceforth.com/products/statusfyGithub: https://github.com/aceforth/statusfyDemo: –License: Apache License 2.0Github stars: 1.9k