确实，Quasar官方CLI目前没有直接适配Nuxt的选项，而且旧的nuxt-quasar模块也已经停止维护了。不过不用担心，我自己在几个Nuxt项目里都实践过手动集成Quasar的方式，稳定性和兼容性都不错，下面分享两种可靠的方案：

方案一：手动集成Quasar（推荐，适配Nuxt 2/3） #

针对Nuxt 3项目 #

1. 安装核心依赖
   先安装Quasar本体、额外资源（比如图标）和Vite适配插件：

   npm install quasar @quasar/extras @quasar/vite-plugin
   

2. 配置Nuxt Vite插件
   在nuxt.config.ts中添加Vite插件配置，同时引入Quasar的基础样式和你需要的图标库：

   export default defineNuxtConfig({
     vite: {
       plugins: [
         require('@quasar/vite-plugin')({
           // 可选：自定义Quasar Sass变量文件路径
           sassVariables: '~/assets/quasar-variables.sass'
         })
       ]
     },
     css: [
       'quasar/dist/quasar.css',
       // 按需引入图标，比如Material Icons
       '@quasar/extras/material-icons/material-icons.css'
     ]
   })
   

3. 注册Quasar插件
   在plugins目录下创建quasar.ts文件，初始化并注册Quasar到Nuxt应用：

   import { createQuasar } from 'quasar'
   
   export default defineNuxtPlugin(nuxtApp => {
     const quasar = createQuasar({
       // 按需加载你需要的Quasar插件，比如Notify、Dialog等
       plugins: {},
       // 自定义Quasar全局配置，比如主题色
       config: {
         brand: {
           primary: '#1976D2',
           secondary: '#424242'
         }
       }
     })
   
     nuxtApp.vueApp.use(quasar)
   })
   

针对Nuxt 2项目 #

Nuxt 2基于Webpack，所以需要替换为Webpack适配插件：

1. 安装依赖：npm install quasar @quasar/extras quasar-webpack-plugin
2. 在nuxt.config.js中配置Webpack插件和全局样式
3. 在plugins/quasar.js中用Vue.use(Quasar)的方式注册（写法和Nuxt 3类似，只是用Nuxt 2的插件语法）

方案二：使用社区维护的替代模块 #

如果你不想手动配置，可以找找社区里仍在维护的第三方Nuxt-Quasar集成模块。比如去GitHub搜索最近有提交记录的相关模块（注意查看README确认适配你的Nuxt版本），不过这类模块的更新频率可能不如官方，使用前建议先在测试环境验证兼容性。

额外注意事项 #

• 按需加载优化：Quasar的组件和插件尽量按需引入，比如在页面中直接import需要的组件，或者在插件配置里只注册用到的插件，这样能有效减少打包体积。
• 主题自定义：通过quasar-variables.sass文件可以覆盖Quasar的默认样式变量，轻松定制自己的主题。
• 冲突排查：如果遇到样式或功能冲突，可以检查Nuxt全局样式和Quasar样式的加载顺序，或者暂时禁用Nuxt的某些默认配置来定位问题。

内容的提问来源于stack exchange，提问作者Ryan Garde