插件安装后，tailwind 不建议类（intellisense 不工作，@tailwindcss/line-clamp）答案

【问题标题】：tailwind not suggeting class after plugin install (intellisense not working ,@tailwindcss/line-clamp )插件安装后，tailwind 不建议类（intellisense 不工作，@tailwindcss/line-clamp）
【发布时间】：2022-06-24 20:18:54
【问题描述】：

我安装了插件@tailwindcss/line-clamp，但它没有工作它没有被智能感知所建议，即使我手动输入类它也不会改变我的样式。这是我的顺风配置：

module.exports = {
  content: ['./src/**/*.tsx', './src/**/*.ts'],
  plugins: [require('@tailwindcss/forms'), require('@tailwindcss/line-clamp')],
}

顺便说一句，这是一个打字稿 React 项目。

【问题讨论】：

标签： tailwind-css

【解决方案1】：

同样的事情也发生在我身上。对我来说，我将 tailwind 与 daisyUI 一起使用，有时 vscode 插件有时无法正常工作。

您可以遵循的一件事是，请确保使用 tailwind 文档Taiwind Docs 并按照有关如何根据您使用的框架为您的项目安装 tailwind 的说明进行操作。试一试。
或者如果它不起作用，您可以尝试在 vscode 中安装以下扩展和顺风扩展。

HTML CSS Support
您也可以尝试在settings.json 中添加以下内容。它确实对我有用。

"tailwindCSS.includeLanguages": {
    "html": "html",
    "javascript": "javascript",
    "css": "css"
},
"editor.quickSuggestions": {
    "strings": true
}

更多关于这个 - Stack Overflow

【讨论】：

感谢智能仍然无法正常工作，但插件终于完成了它的工作。

【解决方案2】：

在这里回答My TailWind CSS Intellisense plugin just isn't working on my VSCode

扩展HTML CSS Support extension不是正确的方法，你应该按照VSC扩展页面中详细页面的官方安装部分。

为了激活扩展，您必须安装 tailwindcss 并在您的工作区中安装名为 tailwind.config.js 或 tailwind.config.cjs 的 Tailwind 配置文件。

因此，在应用的根目录下添加一个名为 tailwind.config.js 或 tailwind.config.cjs 的文件（甚至是空文件）将使其正常工作。

【讨论】：