为什么 Tailwind CSS IntelliSense 无法与 CDN 链接配合使用？

Question

Tailwind CSS IntelliSense 可能无法工作的原因只有一个：

TailwindCSS IntelliSense 不知道您的项目正在使用 TailwindCSS。

IntelliSense 如何知道您的项目正在使用 Tailwind？通过存在

tailwind.config.js

文件。如果此文件位于项目的根目录（或任何相关目录）中，IntelliSense 将开始工作，并且无论您在何处使用 Tailwind，您都会收到建议。

我的经历：

就我而言，我正在使用

Parcel + React + Tailwind 开发一个项目，一切正常，因为该项目是按照 TailwindCSS 框架指南正确配置的。

但是，当我尝试使用 Tailwind

通过 CDN 链接，没有 tailwind.config.js

 文件时，这就是我的经历：

这里有一张图片，但由于我的声誉较低，我无法发布它（感谢 Stack Overflow 的一些烦人的规则）。

如您所见，没有显示任何建议，因为 IntelliSense 不知道它必须为 Tailwind CSS 提供建议。

接下来，我在项目中创建了一个

tailwind.config.js

文件：

这里还有另一张图片，但同样的声誉规则再次阻止我发布它。

添加文件后，我立即开始收到建议！

注意：tailwind.config.js

文件完全是空的。

结论

即使您的配置为空，拥有

tailwind.config.js

文件对于启用 Tailwind CSS IntelliSense 也至关重要。

Answer 1

有问题吗？ Intellisense 使用

tailwind.config.js

 作为单一事实来源，因为在项目中配置 tailwind 的方法有多种。因此，您必须创建一个 tailwind.config.js 来告诉编辑器您正在使用 tailwind。

如果您有不同的问题，请随时发表评论，我会尽力帮助您。