Vue3配置tailwindcss并在vscode中智能提示

有能力的可以看官网教程：Install Tailwind CSS with Vite - TailwindCSS中文文档 | TailwindCSS中文网

在已有项目总安装依赖：并创建配置文件

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

然后修改tailwind.config.js配置文件内容：

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

 在项目中添加tailwind.css样式文件：

并在main.ts中引入： 

然后在vscode中安装Tailwind CSS IntelliSense插件支持智能提示： 

然后开始添加class类，就会有智能提示了，如果没有的话，前面添加一个空格，应该就会有了：