Tailwind Vite vue 3

最近很多人都在用 Tailwind CSS，前端开发样式变得特别简单了，记录一下安装配置过程

一、准备工作

先说下要用到的东西：

• Node.js（建议版本 >= 16）
• npm 或 yarn（我用的是 npm）

二、用 Vite 创建一个 Vue 3 项目

npm create vite@latest my-vue-app

三、加上 Tailwind CSS

  "devDependencies": {
    "@tailwindcss/vite": "^4.0.15",
    "tailwindcss": "^4.0.15"
   
  }

在package.json中加入这两行代码，然后执行

npm install 

修改 vite.config.js

加入

import tailwindcss from '@tailwindcss/vite'

tailwindcss()

修改main.css

@import "tailwindcss";

加入这行代码 搞定