安装 Nuxt.js

如果你还不知道 Nuxt.js 是什么，请先参考 Nuxt.js 官网。

在你的项目中安装 Nuxt.js：

npm install nuxt

或者使用 yarn：

yarn add nuxt

安装 Tailwind CSS

Tailwind CSS 是一个实用的 CSS 框架，可以大大加速你的开发效率。

npm install tailwindcss

或者使用 yarn：

yarn add tailwindcss

配置 Tailwind CSS

1. 在你的项目中创建一个 tailwind.config.js 文件。

   touch tailwind.config.js
   

2. 在 tailwind.config.js 中写入以下代码（这里只是一个基本的配置，你可以根据需要进行修改）：

   module.exports = {
     purge: [],
     theme: {
       extend: {},
     },
     variants: {},
     plugins: [],
   };
   

3. 在你的项目中创建一个 assets/css/main.css 文件，并在其中引入 Tailwind CSS：

   @tailwind base;
   @tailwind components;
   @tailwind utilities;
   

4. 在 nuxt.config.js 文件中配置 css 属性：

   export default {
     css: ['@/assets/css/main.css'],
   };
   

总结

通过以上步骤，在你的 Nuxt.js 项目中成功安装并配置了 Tailwind CSS。你可以愉快地使用 Tailwind CSS 了！