nodejs21 (UI相关): 快速构建自定义设计样式Tailwind CSS

• Tailwind CSS 是一个功能强大的低级 CSS 框架，只需书写 HTML 代码，无需书写 CSS，即可快速构建美观的网站。

1. 安装 Tailwind CSS

• React 项目中安装 Tailwind CSS：

1.1 安装 Tailwind CSS 和相关依赖

• 安装 Tailwind CSS:

npm install -D tailwindcss

• 初始化 Tailwind CSS 配置文件：

npx tailwindcss init

• 这个命令会生成一个 tailwind.config.js 配置文件:

/** @type {
   import('tailwindcss').Config} */
module.exports = {
   
  content: [],
  theme: {
   
    extend: {
   },
  },
  plugins: [],
}