时间戳

首页 > 解决方案 > vscode顺风css智能感知不起作用

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

问题描述

我有个问题。我正在学习 laravel 8 和顺风 CSS。并作为标题 vscode 顺风 CSS Intellisense 不起作用。我的顺风 CSS 版本是 2.2.15。tailwind.config.js 喜欢这张照片。 在此处输入图像描述 输出无错误 在此处输入图像描述

那么我该怎么办呢？

标签： csslaravelvisual-studio-codetailwind-css

解决方案

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

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

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

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

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

推荐阅读