目前为止最好的 Vue 框架
框架
UI框架
嘿,DEV.to 社区的各位!
Vue 是我最喜欢的前端 JavaScript 框架,我几乎每天都在用它。所以我决定分享一些能够提升 Vue 使用体验并提高应用质量的最佳框架。
如果你是 Vue 新手,可以先看看 Vue 速查表,里面几乎包含了 Vue 的所有基本方面:
如果你对“最佳 Vue 框架”这个说法感到困惑,因为 Vue 本身就是一个框架,那么这里有一个简单的解释!Vue 本身的确是一个框架,但由于它非常流行,而且背后的社区非常庞大,因此衍生出了许多基于 Vue 的库和框架,使一些任务变得更加轻松。所以,在 JavaScript 的世界里,一个框架可以拥有另一个框架,这简直就是框架的天下。
请注意,此列表并非按顺序排列,排名靠前并不意味着更好。
框架
基于 Vue 构建的框架可以帮助你组织 Vue 组件,并且通常会提供预定义的路由。使用 Vue CLI 设置 Vue 项目通常并不轻松。设置路由可能需要一些时间,而使用框架则可以将时间缩短到零。以下是我使用过的最佳框架。
Nuxt.js
Nuxt.js 可能是 Vue 框架中最著名的,如果合适,它几乎是我所有项目的首选。它允许你根据需要设计单页应用 (SPA) 或通用应用 (Universal App)。你还可以使用 Nuxt.js 生成静态网站,并将其托管在 GitHub 或 Netlify 上。
Nuxt.js 允许你选择几种后端服务器。虽然 Nuxt.js 建议不使用后端服务器(我也同意这一点),但如果你需要使用后端服务器,你可以选择一个。有很多选择,包括 Express.js 和 Adonis。
另一个让我兴奋的功能是,Nuxt.js 允许你在设置项目时选择 Vueitfy 或 Ant Design 等 UI 框架,这样做可以实现最佳兼容性,非常好。
Nuxt.js 内置了 Vuex,你只需要定义你的 store 即可!使用 Nuxt.js 会是一段充满乐趣的旅程!
您可以访问 Nuxt.js 的官方网站:https://nuxtjs.org/
Gridsome
Gridsome 是一个基于 Vue 的静态网站生成器,以其极快的速度而闻名。Gridsome 允许您从任何无头 CMS、WordPress 以及许多其他知名软件导入数据。它还支持从数据库或 Markdown 文件导入数据,并支持使用 GraphQL 查询数据。
如果您想将网站托管在 Netlify 或 GitHub Pages 等静态网站托管服务上,Gridsome 是一个不错的选择。
Gridsome 是 React 平台的 Gatsby 版本。
您可以访问 Gridsome 的官方网站:https ://gridsome.org/
VuePress
VuePress 是另一个静态网站生成器,但它不如 Gridsome 或 Nuxt.js 强大。VuePress 常用于设计简单的网站,例如文档网站。如果您不打算构建庞大的生态系统,并且只想创建一个简洁的网站,那么 VuePress 可能是最佳选择。
这是 VuePress 的网站:https://vuepress.vuejs.org/
类星体
Quasar是另一个基于Vue构建的著名框架。我还没有机会使用它,但听说过很多关于它的评价。
以下是@pedro_dgcouto的使用体验:
所以,Quasar Framework 真的让我的工作轻松了不少。在一家
小公司里,我同时负责不同的项目,
代码的一致性非常重要。这个框架几乎包含了
你可能需要的所有组件,而且你还可以扩展这些
组件,使其更符合你的需求。此外,他们的代码编写遵循最佳实践
,Quasar 团队也会定期更新,修复 bug
并添加新功能。
这是 Quasar 的官方网站:https://quasar.dev/
我用它已经快两年了!
UI框架
Vue 非常流行,它已经将许多知名框架(例如 Bulma)整合到自己的生态系统中,并催生了许多其他优秀的 UI 框架!以下是一些您可以信赖的最佳框架!
Vuetify
Vuetify 是一个非常强大的 UI 框架,它提供了海量的精美组件!在设计 Web 应用时,Vuetify 是我的首选,尤其是在使用 Nuxt.js 时,因为 Nuxt.js 可以轻松安装 Vuetify。
Vuetify 非常强大!我说的强大可不是指只能做一些小调整。它允许你更改调色板,而且每个组件都能完美同步,同时还有成千上万种其他选项。
Vueitfy 组件拥有数百个选项和事件,使您可以轻松自定义其行为。
Vuetify 的另一个优点是它支持 RTL 语言,这对我来说非常重要,因为我住在伊朗,这里的语言是波斯语(从右到左书写)。
到目前为止,我已经在超过 10 个商业应用程序中使用过 Vuetify,没有遇到任何问题,即使有问题也很容易解决。
这是 Vuetify 的官方网站:https://vuetifyjs.com/
蚂蚁设计
Ant Design 的界面非常美观精致,但它是一个相当笨重的 UI 框架。
我用过几次 Ant Design,感觉还不错,但把它用在商业项目里时,这个框架的体积让我有点不满意。虽然问题不大,但我感觉 Vuetify 比 Ant Design 优化得更好,代码也更精简。
让我对 Ant Design 感到失望的另一点是它的文档,这些文档都是中文的,而且还没有全部翻译成英文。
抛开其他因素不谈,Ant Design 的外观确实非常漂亮,值得加入您的项目中。
这是 Ant Design 为 Vue 设计的网站:https://www.antdv.com/
布菲
Buefy 是一个基于 Bulma 的 Vue UI 框架。Bulma 是一个曾经非常流行的 CSS 框架,几乎人人都谈论过它。Buefy 美观、简洁且轻量级。
Buefy 不是一个庞大的 UI 框架,至少不如 Vuetify 或 Ant Design 那么庞大,但对于许多项目来说已经足够了。
这是 Buefy 的官方网站:https://buefy.org/
希望你喜欢。
请在评论区告诉我你对这份清单的看法。
顺便说一下,我正在找工作。如果你有什么工作机会,请随时联系我。
文章来源:https://dev.to/adnanbabakan/best-vue-frameworks-so-far-5dc8






