[๐Ÿšจ์˜ค๋ฅ˜]TailwindCss ์ธํ…”๋ฆฌ์„ผ์Šค ์ž‘๋™ ์˜ค๋ฅ˜

๊ทค๋…น์ฐจยท2025๋…„ 5์›” 13์ผ

1๏ธโƒฃ๋ฌธ์ œ

VSCode์—์„œ TailwindCSS ์ธํ…”๋ฆฌ์„ผ์Šค๊ฐ€ ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ์˜ค๋ฅ˜ ๋ฐœ์ƒ.

2๏ธโƒฃํ•ด๊ฒฐ๋ฐฉ๋ฒ•

"tailwindCSS.emmetCompletions": true,
"editor.inlineSuggest.enabled": true,
"editor.quickSuggestions": {
"strings": true
},
"css.validate": false,

์œ„์˜ ์ฝ”๋“œ๋ฅผ settings.json์— ์ถ”๊ฐ€ํ•œ๋‹ค.

3๏ธโƒฃ์ฝ”๋“œ ์„ค๋ช…

๐Ÿ”ง 1. "tailwindCSS.emmetCompletions": true
์—ญํ• : Tailwind ํด๋ž˜์Šค ์ด๋ฆ„์„ Emmet ์Šคํƒ€์ผ๋กœ ์ž๋™์™„์„ฑํ•ด์ค€๋‹ค

๐Ÿ’ก 2. "editor.inlineSuggest.enabled": true
์—ญํ• : ์ธ๋ผ์ธ์œผ๋กœ ์ž๋™์™„์„ฑ ์ œ์•ˆ์„ ๋ณด์—ฌ์ค€๋‹ค.

๐Ÿ’ฌ3. "editor.quickSuggestions": { "strings": true }
์—ญํ• : ๋ฌธ์ž์—ด ์•ˆ์—์„œ๋„ ์ž๋™์™„์„ฑ ์ œ์•ˆ์„ ํ™œ์„ฑํ™”ํ•œ๋‹ค.

๐Ÿšซ 4. "css.validate": false
์—ญํ• : VS Code์˜ ๊ธฐ๋ณธ CSS ๊ฒ€์‚ฌ ๊ธฐ๋Šฅ์„ ๋ˆ๋‹ค.

profile
๋ฐฐ์šฐ๋Š” ๊ณผ์ •์— ์ฆ๊ฑฐ์›€์„ ๋А๋ผ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

0๊ฐœ์˜ ๋Œ“๊ธ€