所以插件的描述是它会在处理标记时显示类的建议，但事实并非如此。我已经无数次重新加载插件。我什至重新启动了 vscode 并最终重新安装了它。 当然，我做了 npm install tailwind 和其他需要的实用程序......如果这有助于回答我的问题，我什至在我的项目中有我的 tailwind.config.js 文件。谢谢。
【问题讨论】：
tailwind.css 的编译版本？对我来说大约是 1MB。
syler.sass-indented 扩展，然后 Tailwind IntelliSense 开始为我工作。
标签： visual-studio-code tailwind-css
我在 react 应用程序中使用 tailwindcss。 Tailwindcss Intellisense 插件在我的 VSCode 中不起作用，但后来我安装了 HTML CSS Support extension，现在我得到了类的建议。
【讨论】：
帮助我检查插件是否有任何加载问题。您可以通过检查输出视图来做到这一点：
对我来说，错误是
Failed to initialise: ReferenceError: defaultTheme is not defined - 我错过了 require 的 defaultTheme。
【讨论】：
要解决此问题，请尝试使用 ctrl + space
这是我发现让 Tailwind IntelliSense 使用 .js 文件以进行 React 的最简单方法。每次添加新类时都需要这样做，但这比每次都检查文档要快。
【讨论】：
它实际上是一个非常简单的修复。打开您的 settings.json 文件，然后添加此文件以使 intellisense 处理所有文件
"tailwindCSS.includeLanguages": {
"html": "html",
"javascript": "javascript",
"css": "css"
},
"editor.quickSuggestions": {
"strings": true
}
【讨论】：
对我来说..
我在重新安装的同时安装了“IntelliSense for CSS class names in HTML”、“HTML CSS Support”、“CSS Peek”。
现在可以了。
【讨论】：
对于仍然面临此问题的任何人，我发现如果您的 tailwind.config.js 文件未被跟踪（未添加到源代码管理中），tailwind 扩展无法识别它。一旦我添加了文件并执行了git commit，扩展就起作用了。
【讨论】：
如果您使用的是 nuxt/tailwind 模块，请务必按照文档所述初始化 tailwind.config.js。
npx tailwindcss init
然后重新启动 vs 代码。它应该会自动激活。
【讨论】：
不按ctrl-space，我只需要按space，课程就会出来。
【讨论】：
我在npx tailwindcss init 命令的帮助下创建了一个tailwind.config.js 文件来修复它。我正在关注 net ninja（youtube 频道）的教程，他提到了这个解决方案。
【讨论】：
如果您使用带有 react、typescript、javascript、styled-components 和 twin-macro 的 tailwind，您必须手动添加 classRegEx 以获取 IntelliSense
要实现这一点，编辑用户设置如下
"tailwindCSS.experimental.classRegex": [
"tw`([^`]*)",
["classnames\\(([^)]*)\\)", "'([^']*)'"]
],
欲了解更多信息并查看 classRegEx 应与其他技术人员一起使用什么read this
【讨论】：
{
"tailwindCSS.experimental.classRegex": [
"class:\\s*\"([^\"]*)\""
],
"emmet.triggerExpansionOnTab": true,
"tailwindCSS.emmetCompletions": true,
"editor.quickSuggestions": {
"strings": true
}
}
【讨论】：
按照here 的建议从View -> Command Palette（或Ctrl + Shift + P）运行Tailwind CSS: Show Output，表明“Tailwind CSS IntelliSense”插件正在寻找合适的模块tailwindcss的npm安装。
解决方案：因此我们可以通过简单地运行来解决问题
npm install tailwindcss
在我们的项目目录中。
【讨论】：
对我来说，帮助安装插件 IntelliSense for CSS 类名称在 HTML
【讨论】：
我正在将 Tailwindcss 与 Django 一起使用。
遇到 Tailwindcss IntelliSense 插件已安装且自动完成功能无法正常工作的相同问题。
我终于找到了完美的解决方案。
对于大多数项目（并利用 Tailwind 的自定义功能），您需要通过 npm 安装 Tailwind 及其对等依赖项。
npm install -D tailwindcss@latest postcss@latest autoprefixer@latest
就我而言，没有安装 postcss 和 autoprefixer。
你可以运行上面的命令，如果你已经安装了 Tailwindcss，npm 会处理它。
另外不要忘记将这些行放在 VSCode 的 settings.json 中（Tailwind CSS IntelliSense 的推荐 VS 代码设置）：
// VS Code has built-in CSS validation which may display errors when using Tailwind-specific syntax, such as @apply. You can disable this with the css.validate setting
"css.validate": false,
// By default VS Code will not trigger completions when editing "string" content, for example within JSX attribute values. Updating the editor.quickSuggestions setting may improve your experience:
"editor.quickSuggestions": {
"strings": true
},
// This setting allows you to add additional language support. The key of each entry is the new language ID and the value is any one of the extensions built-in languages, depending on how you want the new language to be treated (e.g. html, css, or javascript):
"tailwindCSS.includeLanguages": {
"plaintext": "django-html"
},
【讨论】：
添加到设置（ctrl + shift + p）
"tailwindCSS.experimental.classRegex": [
"class:\\s*\"([^\"]*)\""
]
【讨论】：
我做了 Smit @Barmase 解决方案，但还添加了“纯文本”和“tsx”。
现在，当我在上一节课后按空格键时，一切正常。
【讨论】：
在我的例子中，没有开始标签>，代码完成就无法工作。
不工作：
<div class=""
工作：
<div class="">
严格来说，没有开始标签>是行不通的。但我最好的做法是写结束标签，然后写类。
先写：
<div class=""></div>
第二次写：
<div class="w-10"></div>
【讨论】：
我只是通过删除等号和引号之间的空格来解决问题。
所以不要写className= "tailwind classes..."，而是写className="tailwind classes..."。我希望这个答案会有所帮助。
【讨论】：
我遇到了同样的问题，我刚刚通过更新 VS Code 解决了它。
【讨论】：
我禁用并重新启用了插件。等待它重新初始化。它有效。
【讨论】：
首先在你的项目中写入npm install tailwindcss postcss-cli autoprefixer，然后在你的终端中写入npx tailwind init，最后写入npm tailwind"postcss.config.js，然后在文件中写入：
module.export = { plugins: [require('tailwindcss'), require('autoprefixer')]};
最后一步，您可以按照package.json 在packagein 中构建您的tailwindcss。
有关更多信息，您可以访问此link。
【讨论】：
确保从项目的根文件夹打开项目。我碰巧在不同的文件夹中有多个package.json文件，VS代码插件会与tailwindcss路径混淆。
只需打开资源管理器视图，您应该会看到一个且只有一个 package.json 文件，并且 tailwindcss 被列为依赖项。
【讨论】：
如果您的项目包含多个 tailwind.config.js 文件，TailwindCSS Intellisense 只会加载它找到的第一个文件。
很遗憾，目前还没有解决方案 (issue)。
就我而言，我有两个项目，在 monorepo 中有一个 tailwind.config.js。
因此，一种解决方法是只打开我当前正在处理的项目。
【讨论】：
嗨，
我有解决方案
第一：
从 node.js 或 (npm)
下载 tailwindcss
第二：
在 vscode 中写入您的项目终端npx tailwindcss init
将创建tailwind.config.js
并下载适用于 vscode 的 tailwind css
智能感知插件
并且工作正常！
【讨论】：
如果您转到“扩展”视图，然后搜索 Tailwind CSS，请确保它已启用。我的已安装但未启用，这就是它无法正常工作的原因。
【讨论】：