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

作者：笔触狂放9 | 2024-04-15 12:25:05

踩

vscode vue css提示

有能力的可以看官网教程：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类，就会有智能提示了，如果没有的话，前面添加一个空格，应该就会有了：

本文内容由网友自发贡献，转载请注明出处：https://www.wpsshop.cn/w/笔触狂放9/article/detail/427872