Configure VSCode workspace for Tailwind project
15 March 2022 (Updated 15 March 2022)
Open workspace settings JSON file by opening command palette (Cmd + Shift + A
for me) and searching for Preferences > Open Workspace Settings (JSON)
.
Add the following:
{
"css.validate": false,
"editor.quickSuggestions": {
"strings": true
}
}
css.validate: false
disables the default VSCode CSS validation so that Tailwind directives like @apply
aren’t flagged as errors.
editor.quickSuggestions: { "strings": true }
enables intellisense when editing string content which is useful when you want Tailwind’s class suggestions to appear as you HTML or JSX attributes.
Sources
Tagged:
VSCode
Thanks for your comment 🙏. Once it's approved, it will appear here.
Leave a comment