๐ŸŒฑ → ๐ŸŒณ

[VSCode] Extension ๋ณธ๋ฌธ

์นดํ…Œ๊ณ ๋ฆฌ ์—†์Œ

[VSCode] Extension

BAY 2022. 5. 10. 16:34
728x90

1. Material Theme - ํ…Œ๋งˆ ์ •ํ•˜๊ธฐ

 

2. Marterial Icon Theme

- ์•„์ด์ฝ˜ ํ…Œ๋งˆ, ์•„์ด์ฝ˜์ด ์กฐ๊ธˆ ๋” ์ƒ๋™๊ฐ ์žˆ๊ฒŒ ๋ฐ”๋€œ

 

3. Preitter - Code formatter

- ์ฝ”๋“œ ํฌ๋ฉงํŒ… - ctrl + ๋ˆŒ๋Ÿฌ์„œ setting ์ฐฝ์œผ๋กœ ์ด๋™

 

4. Bracket Pari Colorizer

- ๊ด„ํ˜ธ๋งˆ๋‹ค ์ฝ”๋“œ์— ์ƒ‰๊น”์„ ๋‹ค๋ฅด๊ฒŒ ์คŒ

 

5. Indent-rainbow

- ๋“ค์—ฌ์“ฐ๊ธฐ ๋œ ๋ถ€๋ถ„์„ ๋ ˆ์ธ๋ณด์šฐ์ปฌ๋กœ๋กœ ํ•˜์ด๋ผ์ดํŠธ ํ‘œ์‹œ

- ์ฝ”๋“œ ์ฝ์„ ๋•Œ ๋„์™€์คŒ

 

6. Auto Rename Tag

- ์•ž์— ํƒœ๊ทธ๋ฅผ ๋ฐ”๊พธ๋ฉด ๋’ค์— ํƒœ๊ทธ๋ฅผ ์ž๋™์œผ๋กœ ๋ฐ”๊ฟ”์คŒ

 

7. CSS Peek

- html์—์„œ css๋ฅผ ๊ธˆ๋ฐฉ ์ฐพ๊ฒŒํ•ด์คŒ

- html์—์„œ ์ปค๋งจ๋“œ๋‚˜ ์ปจํŠธ๋กคํ‚ค๋ฅผ ๋ˆ„๋ฅธ ์ƒํƒœ๋กœ ํด๋ฆญํ•˜๋ฉด ์ •์˜๋œ cssํŒŒ์ผ๋กœ ์ด๋™ํ•˜๊ฒŒ ํ•ด์คŒ.

 

8. HTML CSS Support

- html์—์„œ css์˜ ์ž๋™์™„์„ฑ์„ ์ด์šฉํ•˜๊ฒŒ ํ•ด์คŒ

 

9. Live Server

- html์ด๋‚˜ css ์ˆ˜์ • ์‹œ ๋ธŒ๋ผ์šฐ์ €์ฐฝ์— ์ƒˆ๋กœ๊ณ ์นจํ•˜๋Š” ๊ฒƒ์„ ์—†์• ์คŒ.

- ์ปค๋งจ๋“œ ํŒ”๋ ›ํŠธ์— > live Server: Open with Live Server ์ž…๋ ฅํ•˜๊ณ  ์ˆ์ปทํ‚ค ํ›„ ์‹คํ–‰

728x90