vscode顺风CSS如何在智能感知中拥有所有colors？ （如`bg-sky`）

Question

这是我所看到的：

• 白色的
• 灰色的
• 红色的
• 黄色
• 绿色
• 蓝色的
• 紫色的
• 粉色的

但我也想拥有：

所有这些https://tailwindcss.com/docs/background-color

• 石板
• 锌
• 中性的
• 结石
• 琥珀色
• 酸橙
• 翠
• 青色
• 青色
• 天空
• 紫色
• 紫红色
• 玫瑰

---

在编辑器中它没有显示它：

但例如红色是的：

Answer 1

您可以通过将这些顺风 colors 导入并将它们添加到tailwind.config中的默认调色板来获得智能感知，如下所示：

const colors = require('tailwindcss/colors')

module.exports = {
  theme: {
    colors: {
      transparent: 'transparent',
      current: 'currentColor',
      black: colors.black,
      white: colors.white,
      gray: colors.slate,
      green: colors.emerald,
      purple: colors.violet,
      yellow: colors.amber,
      pink: colors.fuchsia,
    },
  },
}

有关参考，请参阅https://tailwindcss.com/docs/customizing-colors#aliasing-color-names

如果需要，您还可以扩展这些 colors，这样您就不必将每种颜色都添加到默认值中。

module.exports = {
  theme: {
    extend: {
      colors: {
        sky: colors.sky
      }
    },
  },
}