vscode tailwind css 智能感知不工作

Question

我有个问题。我正在学习 laravel 8 和 tailwind CSS。和标题 vscode tailwind CSS Intellisense 不工作。我的顺风CSS版本是2.2.15。tailwind.config.js 就像照片一样。 在此处输入图像描述 输出无错误 在此处输入图像描述

那么对于这个问题我能做什么呢？

Answer 1

Tailwind CSS IntelliSense扩展只有在您的工作区中有一个配置文件后才能工作，正如其描述所明确指出的！

即使您只使用 CDN 也没有问题，但您必须tailwind.config.js在项目的根目录中创建一个文件，至少包含默认值：

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

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

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

此外，这个扩展可以在 CSS 文件中提供智能感知。所以这样的文件也需要绑定：

"files.associations": {
    "*.css": "tailwindcss",
},

最后一点：路径是由 Tailwind 的JIT引擎content处理的路径；理解它至关重要！