首页 > 文章列表 > React 组件中如何显示 Tailwind CSS 提示?

React 组件中如何显示 Tailwind CSS 提示?

197 2025-01-06

React 组件中如何显示 Tailwind CSS 提示?

使用 vs code 编写 react 组件时,如何显示 tailwind css 提示?

在 vs code 中编写 html 文件时,可以在安装 tailwind css intellisense 插件后正常提示 css 语法。然而,在 react 组件中编写 tailwind css 时,提示却不会出现。那么,如何解决这一问题呢?

据了解,该问题的原因是 vs code 的 intellisense 无法识别 react 组件中使用的 tailwind css 类。要解决此问题,可以按照以下步骤进行:

  1. 在 vs code 中打开 react 组件文件。
  2. 在组件文件顶部添加以下代码:
/* @tailwindcss/jit */

这一注释会通知 intellisense 在该文件中使用 tailwind css 的 jit(即时转换)模式。

  1. 保存文件并重新加载 vs code。

经过以上步骤,intellisense 现在应该能够在 react 组件中提示 tailwind css 语法。

来源:1730769515