vscode顺风css智能感知不起作用

Posted 2023-03-06

【中文标题】vscode顺风css智能感知不起作用

【英文标题】：vscode tailwind css intellisense not working

【发布时间】：2021-11-18 11:09:56

【问题描述】：

我有问题。 我正在学习 laravel 8 和顺风 CSS。 并作为标题 vscode 顺风 CSS Intellisense 不起作用。 我的顺风 CSS 版本是 2.2.15。 tailwind.config.js 喜欢这张照片。 enter image description here 输出无错误 enter image description here

那么我该怎么处理这个问题呢？

【问题讨论】：

您是否将 Tailwind Css IntelliSense 插件添加到 VSCode 中？有时，我的会停止工作，所以我必须禁用/重新启用插件。

是的，我尝试了 sublime 和 phpstorm ，sublime 是可行的。 phpstorm 没有。

请提供足够的代码，以便其他人更好地理解或重现问题。

【参考方案1】：

可能的解决方案

禁用一个名为： "Bootstrap 4，Font Awesome 4，Font Awesome 5 Free & Pro sn-ps"

证据

Tailwind CSS IntelliSense 在我的 Angular 项目中不起作用。我已经按照他们的说明安装了 Tailwind CSS：

点击here

我的版本

VS 代码：1.62.3 顺风 CSS：3.0.1 角度：13.0.3

我禁用了扩展程序，上面提到了我的“可能的解决方案”，Tailwind CSS IntelliSense 立即工作。

Demo of Tailwinds CSS IntelliSense in my Angular project

【参考方案2】：

Tailwind CSS IntelliSense 扩展在您的工作区中有配置文件之前不起作用，正如其描述中明确指出的那样！

即使您只是使用 CDN 也可以，但您必须在项目的根目录中创建一个 tailwind.config.js 文件，其中至少包含 defaults：

module.exports = 
  content: ["./src/**/*.html,js"],
  theme: 
    extend: ,
  ,
  plugins: [],

另外，由于您正在使用 Laravel，我猜您需要通过此 VSC 设置（在 settings.json 中）添加 Blade 文件以被扩展识别：

"tailwindCSS.includeLanguages": 
    "blade": "html",
,