<h1 id="heading-5a6j6kof">安装</h1>
<pre><code class="lang-plaintext"># Using pnpm
pnpm add --save-dev @nuxtjs/tailwindcss

# Using yarn
yarn add --dev @nuxtjs/tailwindcss

# Using npm
npm install --save-dev @nuxtjs/tailwindcss
</code></pre>
<h1 id="heading-nuxtconfigts">配置 nuxt.config.ts</h1>
<pre><code class="lang-plaintext">// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  modules: [
    '@nuxtjs/tailwindcss'
  ]
})
</code></pre>
<p><a target="_blank" href="https://nuxt.com/modules/tailwindcss">https://nuxt.com/modules/tailwindcss</a></p>
<h1 id="heading-vscodetcss">VsCode安装Tcss 自动提示</h1>
<p>安装插件</p>
<p>Tailwind CSS IntelliSense</p>
<p>安装完成添加配置文件（不然不生效）</p>
<p><code>tailwind.config.js</code></p>
<p>style=" " 空格一下，可以看到提示</p>
<p><a target="_blank" href="https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss">https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss</a></p>
<h1 id="heading-tcss">Tcss有多好用</h1>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1687051067126/a397e429-404b-432e-8eee-357bada6f80f.png" alt class="image--center mx-auto" /></p>


# 安装

```plaintext
# Using pnpm
pnpm add --save-dev @nuxtjs/tailwindcss

# Using yarn
yarn add --dev @nuxtjs/tailwindcss

# Using npm
npm install --save-dev @nuxtjs/tailwindcss
```

# 配置 nuxt.config.ts

```plaintext
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  modules: [
    '@nuxtjs/tailwindcss'
  ]
})
```

[https://nuxt.com/modules/tailwindcss](https://nuxt.com/modules/tailwindcss)

# VsCode安装Tcss 自动提示

安装插件

Tailwind CSS IntelliSense

安装完成添加配置文件（不然不生效）

`tailwind.config.js`

style=" " 空格一下，可以看到提示

[https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)

# Tcss有多好用

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1687051067126/a397e429-404b-432e-8eee-357bada6f80f.png align="center")

Nuxt3安装 Tailwindcss

安装

配置 nuxt.config.ts

VsCode安装Tcss 自动提示

Tcss有多好用