TailwindCSS 安装vscode 插件实现样式提示

1.VSCode 安装扩展  Tailwind CSS IntelliSense 

 

2.打开 VSCode 设置

• 快捷键：Ctrl + ,（Windows/Linux）或 Cmd + ,（Mac）。

• 搜索 Tailwind CSS IntelliSense。

 

3.新增以下配置

{
  "tailwindCSS.includeLanguages": {
    "vue": "html",
    "javascript": "javascriptreact",
    "typescript": "typescriptreact"
  }
}

 

这个时候可以看到悬浮有提示

 

输入的时候也有补全提示