freks blog

about

VSCodeで@tailwindが認識できない

created: 2022-01-31

Create React AppTailWind cssInstall Tailwind CSS with Create React App - Tailwind CSS のとおりに入れたら @tailwind が VSCode で認識できない Warning が出ました

VSCode に伝えてあげる必要があるので microsoft/vscode-custom-data: Documentation and sample for using VS Code custom data format を使いました

今回必要なのは vscode-css-languageservice/customData.md at main · microsoft/vscode-css-languageservice

まず .vscode/settings.json がなければ作ります

{
  "css.customData": ["./.vscode/custom.css-data.json"]
}

場所はどこでもいいですが、*.css-data.json にしとくのがよさそうです

.vscode/custom.css-data.json を作成します

{
  "version": 1.1,
  "atDirectives": [
    { "name": "@tailwind", "description": "to use tailwind things" }
  ]
}

これで Waning 消えました


Amazonのアソシエイトとして、blog.freks.jp は適格販売により収入を得ています。
This site is managed by freks