๐Ÿ› ๏ธ Dev.

VS Code ํ•„์ˆ˜ ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ! Prettier ์„ค์ •ํ•˜๊ณ  ๋‹จ์ถ•ํ‚ค ๋ฐ”๊พธ๊ธฐ(js,css,html๋“ฑ ์ž๋™์ •๋ ฌ ํ™•์žฅํ”„๋กœ๊ทธ๋žจ)

ramen2 2024. 12. 20. 03:03
๋ฐ˜์‘ํ˜•

์›๋ž˜์˜ Prettier ๋‹จ์ถ•ํ‚ค๋Š” ctrl + alt + p? ์ธ๊ฐ€ ๊ทธ๋Ÿฐ๋ฐ

์ž์‹ ์ด ์“ฐ๊ณ ์‹ถ์€ ๊ฑธ๋กœ ๋ฐ”๊พธ๋ ค๋ฉด ์•„๋ž˜์ฒ˜๋Ÿผ ํ•˜๋ฉด ๋œ๋‹ค!

 

1. Prettier ๋‹ค์šด ๋ฐ  ์„ค์น˜

2. ์„ค์ •(ctrl+,) ์—์„œ 
default formatter ๊ฒ€์ƒ‰ํ•˜์—ฌ Prettier ๋กœ ์„ค์ •

3. ํ‚ค๋ณด๋“œ ์„ค์ • (๋ฐ”๋กœ๊ฐ€๊ธฐ) ctrl+k ctrl+s
์—์„œ Format Document ๊ฒ€์ƒ‰ํ•˜์—ฌ
ํ‚ค ๋ฐ”์ธ๋”ฉ : Ctrl + Shift+  B ๋ณ€๊ฒฝ
(๋‚˜๋Š” ์œ„ ๋ฐ”์ธ๋”ฉ์ด ํŽธํ•ด์„œ ์ด๋ ‡๊ฒŒ ์”€)

 

 

์ด๋ ‡๊ฒŒ prettier ์„ค์ •์—์„œ (ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ ๋ชฉ๋ก์˜ ํ†ฑ๋‹ˆ๋ฐ”ํ€ด ์•„์ด์ฝ˜ ํด๋ฆญ)

TAB ๊ฐ€๋กœ ํญ๋„ ๋ฐ”๊ฟ€์ˆ˜์žˆ๋‹ค! (๊ธฐ๋ณธ์ด 2์ด๋ผ์„œ ๋‚˜๋Š” 4๋กœ ๋ณ€๊ฒฝ)

 

๋ฐ˜์‘ํ˜•