Nuxt.js 的 s-s-r 兼容组件库

Posted 2023-02-23

【中文标题】Nuxt.js 的 s-s-r 兼容组件库

【英文标题】：s-s-r compatible Components Library for Nuxt.js

【发布时间】：2021-03-02 00:08:23

【问题描述】：

我是一名后端工程师，我已经开发了几个月的副项目，现在是时候创建前端了。我不太精通前端的东西，做前端开发对我来说压力很大，所以我决定拿起 Nuxt 并尽快做这件事（我也喜欢 s-s-r）。

我现在面临的问题是我为 Vue/Nuxt 找到的大多数组件库都与 s-s-r 不兼容，所以为了让它们在我的项目中工作，我必须将插件声明为“客户端”并包装他们在<client-only> 标签上提供的预制组件。

我找不到支持 Nuxt 的 s-s-r 的库，最接近的是 Vuetify，它声称支持 s-s-r，但我正在寻找更基本、更轻量级的东西。

Nuxt 有类似的东西吗？

谢谢！

PD：我正在使用 Nuxt + TailwindCSS

【参考方案1】：

我建议使用 nuxt-cli (create-nuxt-app)，这样在完成安装过程时，您将确信您始终拥有与您的 nuxt 安装兼容并自动预配置的插件和插件，例如当你一起去的那一刻：

npx create-nuxt-app <project-name>

您将在 UI 框架下获得以下选项可供选择：

Ant Design Vue 引导 Vue 布菲 布尔玛 脉轮用户界面 元素 Framevuerk iView 超光速粒子 顺风 CSS Vuesax Vuetify.js

你喜欢哪个