UnoCSS 中文网

Appearance

Nuxt 模块 ​

¥Nuxt Module

UnoCSS 的 Nuxt 模块。

¥The Nuxt module for UnoCSS.

安装 ​

¥Installation

bash
pnpm add -D @unocss/nuxt
bash
yarn add -D @unocss/nuxt
bash
npm install -D @unocss/nuxt

将 @unocss/nuxt 添加到你的 Nuxt 配置文件中：

¥Add @unocss/nuxt to your Nuxt config file:

ts
// nuxt.config.ts
export default defineNuxtConfig({
  modules: [
    '@unocss/nuxt',
  ],
})

创建 uno.config.ts 文件：

¥Create a uno.config.ts file:

ts
// uno.config.ts
import { defineConfig } from 'unocss'

export default defineConfig({
  // ...UnoCSS options
})

uno.css 条目将由模块自动注入。

¥The uno.css entry will be automatically injected by the module.

支持状态 ​

¥Support status

Nuxt 2Nuxt 桥Nuxt 3
Webpack 开发✅✅🚧
Webpack 构建✅✅✅
Vite 开发*✅✅
Vite 构建*✅✅

配置 ​

¥Configuration

我们建议使用专用的 uno.config.ts 文件进行配置。详细信息请参见 配置文件。

¥We recommend to use the dedicated uno.config.ts file for configuration. See Config File for more details.

许可 ​

¥License