Fatal编程技术网
  • visual-studio-code/
  • Visual studio code 我的TailWind CSS Intellisense插件不是'；我不在写我的VS代码

Visual studio code 我的TailWind CSS Intellisense插件不是'；我不在写我的VS代码

visual-studio-code

Visual studio code 我的TailWind CSS Intellisense插件不是'；我不在写我的VS代码,visual-studio-code,tailwind-css,Visual Studio Code,Tailwind Css,因此，插件的描述是，当我处理标记时，它会显示类的建议，但它不会。我已经无数次地重新加载插件。我甚至重新启动了vscode，并最终重新安装了它。 当然，我做了npm安装的顺风和其他公用事业需要。。。我的项目中甚至有我的tailwind.config.js文件，如果这有助于回答我的问题的话。谢谢。我正在react应用程序中使用tailwindcss。Tailwindcss Intellisense插件在我的VSCode中不起作用，但后来我安装了HTML CSS支持扩展插件，现在我得到了一些类的建议

因此，插件的描述是，当我处理标记时，它会显示类的建议，但它不会。我已经无数次地重新加载插件。我甚至重新启动了vscode，并最终重新安装了它。
当然，我做了npm安装的顺风和其他公用事业需要。。。我的项目中甚至有我的tailwind.config.js文件，如果这有助于回答我的问题的话。谢谢。

我正在react应用程序中使用tailwindcss。Tailwindcss Intellisense插件在我的VSCode中不起作用，但后来我安装了
HTML CSS支持扩展插件
，现在我得到了一些类的建议

要解决此问题，请尝试使用
ctrl+space

这是我发现的让Tailwind IntelliSense使用.js文件做出反应的最简单方法。每次添加新类时都需要这样做，但这比每次检查文档要快

帮助我的是检查插件在加载时是否有任何问题。您可以通过检查输出视图来执行此操作：

  • CTRL+SHIFT+P
    打开命令选项板
  • 搜索“输出：关注输出视图”
  • 在输出视图中，搜索
    tailwindcss intellisense
对我来说，错误是 
初始化失败：ReferenceError:defaultTheme未定义
-我的缺少一个要求。

我安装了“HTML中CSS类名的IntelliSense”、“HTML CSS支持”、“CSS Peek”，所有这些都需要重新安装

它现在可以工作了。

如果不按
ctrl-space
，我只需要按
space
，类就会出来。

对于仍然面临此问题的任何人，我发现如果您的
tailwind.config.js
文件未经跟踪（未添加到源代码管理中），tailwind扩展无法识别它。一旦我添加了文件并执行了
git commit
，扩展就工作了。

我正在使用tailwind+create-react-app+typescript，我通过将扩展设置
“tailwind-CSS:Include-Languages”
更改为
{“明文”：“ts”}
，解决了这个问题

我不知道为什么一开始它不起作用，它在我的其他项目中起作用

for me helps在HTML中安装了用于CSS类名的插件IntelliSense

我通过在
npx tailwindcss init
命令的帮助下创建tailwind.config.js文件修复了它。我一直在关注网络忍者（youtube频道）的教程，他提到了这个解决方案。

如果你有一个包含多个
tailwind.config.js
文件的项目，TailwindCSS Intellisense将只加载它找到的第一个文件

不幸的是，目前还没有解决方案（）

在我的例子中，我有两个项目在monorepo中使用
tailwind.config.js

因此，一种解决方法是只打开我当前正在处理的项目。

如果您使用的是nuxt/tailwind模块，请确保按照doc所述初始化
tailwind.config.js

npx tailwindcss init
然后重新启动vs代码。它应该会自动激活。

我正在使用Tailwindcss和Django
面对同样的问题，Tailwindcss IntelliSense插件已经安装，而autocomplete无法工作

最后我得到了完美的解决方案

对于大多数项目（以及利用Tailwind的定制功能），您需要通过npm安装Tailwind及其对等依赖项

npm install -D tailwindcss@latest postcss@latest autoprefixer@latest
在我的情况下，没有安装POSTSS和autoprefixer。
您可以运行上面的命令，如果已经安装了Tailwindcss，npm将处理它

另外，不要忘了将这些行放在VSCode中的设置.json（建议对Tailwind CSS IntelliSense进行VS代码设置）：

如果您正在将tailwind与react、typescript、javascript、样式化组件和twin宏一起使用，则必须手动添加classRegEx以获得IntelliSense

要实现此目的，请按如下所示编辑用户设置

 "tailwindCSS.experimental.classRegex": [
    "tw`([^`]*)",
    ["classnames\\(([^)]*)\\)", "'([^']*)'"]
  ],
有关更多信息，请参见classRegEx应与其他技术一起使用什么

Rails erb-自定义类名完成上下文 添加到设置（ctrl+shift+p）

我对tailwind也很陌生，但它对我很有用。您是否指向html文件中编译版本的
tailwind.css
？对我来说大约是1MB。不，我不认为我一直在处理那个文件。如何获得它？观看此视频：对于我来说，我添加了
syler.sass缩进扩展，然后Tailwind IntelliSense开始为我工作。就我而言，重新打开项目有帮助。我这样做了，但没有重新安装或重新加载。成功了！这一个对我有用（使用CRA和Typescript），我不知道为什么我在Extension中搜索了tailwind intellisense，然后我找到了tailwind CSS intellisense（bradlc.vscode tailwindcss），所以我安装了它。多亏了这条线！请问是否有人知道这是为什么？这很有效，请添加到扩展的链接：

 "tailwindCSS.experimental.classRegex": [
    "tw`([^`]*)",
    ["classnames\\(([^)]*)\\)", "'([^']*)'"]
  ],



"tailwindCSS.experimental.classRegex": [
        "class:\\s*\"([^\"]*)\""
]