我的 TailWind CSS Intellisense 插件在我的 VSCode 上不起作用
Daz*_*aze 25 visual-studio-code tailwind-css
所以插件的描述是它会在处理标记时显示类的建议，但它没有。我已经无数次重新加载了插件。我什至重新启动了 vscode 并最终重新安装了它。当然，我做了 npm install tailwind 和其他所需的实用程序......如果这有助于回答我的问题，我什至在我的项目中有我的 tailwind.config.js 文件。谢谢你。
小智 136
它实际上是一个非常简单的修复。打开您的settings.json文件，然后添加此文件以处理intellisense所有文件
"tailwindCSS.includeLanguages": {
"html": "html",
"javascript": "javascript",
"css": "css"
},
"editor.quickSuggestions": {
"strings": true
}
- 在寻找答案几个小时后，这对我很有帮助。 (4认同)
- 让自动建议起作用的唯一需要的是： "editor.quickSuggestions": { "strings": true } 不确定为什么要包含其他内容？ (3认同)
- 这就是解决方案！应该接受答案！它也为您提供了每个类添加的 css 的提示描述。 (2认同)
Ahm*_*mad 65
我在 React 应用程序中使用了 tailwindcss。Tailwindcss Intellisense 插件在我的 VSCode 中不起作用，但后来我安装了HTML CSS Support extension，现在我得到了类的建议。
- 请问有人知道为什么会这样吗？（是的，它也对我有用。谢谢@Ahmad！） (2认同)
was*_*eek 20
帮助我的是检查插件是否有加载问题。您可以通过检查输出视图来做到这一点：
CTRL + SHIFT + P调出命令面板- 搜索“输出：专注于输出视图”
- 在输出视图中，搜索
tailwindcss-intellisense
对于我的错误是
Failed to initialise: ReferenceError: defaultTheme is not defined-我是缺少一个require为defaultTheme。
- 像这样的答案确实能让你提升。它可以帮助您调试问题并帮助您以自己的方式解决问题。就我而言，我必须通过 npm 安装 [链接](https://tailwindcss.com/docs/installation#install-tailwind-via-npm)tailwindcss。我直接将 tailwindcss 与 npx 一起使用，看起来智能感知扩展需要 npm install。 (2认同)
小智 11
tailwind.config.js对于仍然面临此问题的任何人，我发现如果文件未跟踪（未添加到源代码管理中），则tailwind 扩展无法识别您的文件。一旦我添加了文件并执行了操作git commit，扩展就起作用了。
小智 11
如果您使用 nuxt/tailwind 模块，请务必tailwind.config.js按照文档所述进行初始化。
npx tailwindcss init
然后重新启动 VS-Code。它应该自动处于活动状态。
- 这对我的案子很有帮助。 (2认同)
eCo*_*der 11
编辑 VSCode settings.json：
"files.associations": {
"*.css": "tailwindcss"
},
"editor.quickSuggestions": {
"strings": true
}
有时需要重启vscode。
小智 8
我正在使用tailwind + create-react-app + typescript，我通过将扩展设置更改"Tailwind CSS: Include Languages"为 来解决它{"plaintext": "ts"}。
我不知道为什么它一开始不起作用，它对我的其他项目有用。
对于带有.tsx文件的 React 项目，添加这个对我有用。
// .vscode/settings.json
{
"tailwindCSS.includeLanguages": {
"typescriptreact": "html"
}
}
信用：https ://github.com/tailwindlabs/tailwindcss-intellisense/issues/72#issuecomment-674386396
| 归档时间： |
|
| 查看次数： |
18576 次 |
| 最近记录： |