reactjs - Tailwind CSS IntelliSense 没有在 ReactJS 项目中提供建议?

标签 reactjs visual-studio-code tailwind-css

我使用 create-react-project 创建了一个 ReactJS 项目命令。我安装了 npm tailwindcss 并创建了一个 tailwind.config.js 文件。
现在为了让我的生活更轻松,我还安装了一个名为 Tailwind CSS IntelliSense 的扩展,并重新加载了 VSCode。该扩展程序仍然没有在我的 JavaScript 文件中提供建议。
起初,我认为这可能是因为它仅适用于 html 扩展或 reactjs 文件使用 className用于添加 CSS 类作为 class 关键字被保留。所以,我试着编辑 index.html 文件,但不是 HTML 文件中的建议。
请告诉我还可以试用什么?

最佳答案

以下是如何让 Tailwind Intellisense 处理 React 文件

  • 转到 Tailwind CSS 设置并添加 Javascript 支持 "tailwindCSS.includeLanguages": { "plaintext": "javascript" }
  • 重新加载 vscode

  • 如果这不能解决问题,请尝试使用 ctrl + space在添加类名之前。
    View image of Tailwind settings

    关于reactjs - Tailwind CSS IntelliSense 没有在 ReactJS 项目中提供建议?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63190041/

    相关文章:

    javascript - Tailwind css页脚位置不位于底部

    css - Tailwind CSS 类显示在 DOM 中,但未应用样式

    node.js - 使用 React 和 Node 进行 Firebase 身份验证

    javascript - 在内容安全策略中使用随机数或哈希值作为内联样式

    javascript - 如何在不发送太多请求的情况下通过前端在每次鼠标单击时更新我的​​数据库?

    visual-studio-code - 在 Visual Studio Code 中将所选文本向左或向右移动

    html - 如何防止 VS Code 将长 HTML 行分解为多行?

    reactjs - 当映射到 React 中的对象数组时,所有模态都会立即打开

    visual-studio-code - 使用 VSCode 为某些 YAML 字段自定义语法高亮

    javascript - TailwindCSS 某些自定义颜色不起作用