๐Ÿ”Ž VS Code์—์„œ Extension ํ•ด๋‘๋ฉด ์ข‹์€ ๊ฒƒ๋“ค

JIYEONG YUNยท2021๋…„ 5์›” 15์ผ
0

SSAFY

๋ชฉ๋ก ๋ณด๊ธฐ
3/4
post-thumbnail
๐Ÿ“ EXTENSION ํ•ด๋‘๋ฉด ์ข‹์€ ๊ฒƒ๋“ค
  1. Material Theme

  2. Material Icon Theme

  3. Live Server

  • ์‹ค์งˆ์ ์œผ๋กœ ์ƒˆ๋กœ๊ณ ์นจ ํ•˜์ง€ ์•Š์•„๋„ ์ฝ”๋“œ ์ˆ˜์ • ํ›„ ์ €์žฅํ•˜๋ฉด ์ž๋™์œผ๋กœ ๋ณ€๊ฒฝ๋œ ๋‚ด์šฉ์ด ๋ฐ˜์˜๋จ
  1. Prettier - Code formatter

  2. bracket pair colorizer

  • ์—ด๋ฆฌ๊ณ  ๋‹ซํžˆ๋Š” ๊ด„ํ˜ธ ์ƒ‰์ƒ์„ ๊ตฌ๋ณ„
  1. indent rainbow
  • ๋“ค์—ฌ์“ฐ๊ธฐ ํ•  ๋•Œ color๋กœ ๊ตฌ๋ณ„
  1. Auto Rename Tag
  • ํƒœ๊ทธ ์Œ์—์„œ ์•ž ํƒœ๊ทธ๋ฅผ ๋ฐ”๊พธ๋ฉด ๋’ค์— ์žˆ๋Š” ํƒœ๊ทธ๋„ ์ž๋™์œผ๋กœ ๋ณ€๊ฒฝ๋จ
  1. CSS Peak
  • html์—์„œ ํ•ด๋‹น css๊ฐ€ ์–ด๋–ป๊ฒŒ ๊ตฌ์„ฑ๋˜์—ˆ๋Š”์ง€ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๊ฐ€ ๊ฐ€๋Šฅํ•˜๊ณ , ctrlํ‚ค๋กœ ์ด๋™ ๊ฐ€๋Šฅ
  1. html css support
  • html์—์„œ css๋ฅผ ์ž๋™์™„์„ฑ ํ•ด ์คŒ
  1. vetur
  • Vue.js ์ž๋™์™„์„ฑ
  • template, style, script๋“ฑ์ด ์ž๋™์™„์„ฑ
  1. vue 3 snippets
  • vetur์—์„œ ์ง€์› ์•ˆ ํ•ด์ฃผ๋Š” ๊ธฐ๋Šฅ์„ ์ง€์›ํ•ด ์คŒ
  1. ์ถ”๊ฐ€ ์„ค์ •
  • ์•„๋ฌด๊ฑฐ๋‚˜ ๊ฒ€์ƒ‰ ํ›„ ํ†ฑ๋‹ˆ๋ฐ”ํ€ด > Extension Settings
  • tab width
    • ๋“ค์—ฌ์“ฐ๊ธฐ๋ฅผ ์–ผ๋งˆ๋‚˜ ํ• ์ง€
  • print width
    • ์ฝ”๋”ฉ ๊ธธ์ด์— ๋”ฐ๋ผ ์ž๋™์™„์„ฑ ํ•  ๋•Œ ํ•œ Line์ด ๊ธธ์–ด์ง€๋ฉด enter๊ฐ€ ์ณ์ง. ์ด๊ฑธ ๋ฐฉ์ง€ํ•˜๊ธฐ ์œ„ํ•ด 80 -> 100์œผ๋กœ ๋ณ€๊ฒฝ!
  • quote style
    • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ฐ˜์ด๊ธฐ ๋•Œ๋ฌธ์— single๋กœ ๋ณ€๊ฒฝ
  • format on save
    • ์ €์žฅํ•˜๋Š” ์ˆœ๊ฐ„์— ์ž๋™์œผ๋กœ ์ ์šฉ์ด ์„ค์ •๋˜๋„๋ก ํ•˜๊ธฐ ์œ„ํ•จ -> โœ”๏ธ ์ฒดํฌํ•˜๊ธฐ
  • format on type
    • ์ฒดํฌ
profile
๋‚˜์˜ '๊ฐœ๋ฐœ'์ž๊ตญ ๐Ÿพ | [์ด์ „ ๋ธ”๋กœ๊ทธ] https://blog.naver.com/yoonjy1106

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