| ๐ EXTENSION ํด๋๋ฉด ์ข์ ๊ฒ๋ค |
-
Material Theme
-
Material Icon Theme
-
Live Server
- ์ค์ง์ ์ผ๋ก ์๋ก๊ณ ์นจ ํ์ง ์์๋ ์ฝ๋ ์์ ํ ์ ์ฅํ๋ฉด ์๋์ผ๋ก ๋ณ๊ฒฝ๋ ๋ด์ฉ์ด ๋ฐ์๋จ
-
Prettier - Code formatter
-
bracket pair colorizer
- ์ด๋ฆฌ๊ณ ๋ซํ๋ ๊ดํธ ์์์ ๊ตฌ๋ณ
- indent rainbow
- ๋ค์ฌ์ฐ๊ธฐ ํ ๋ color๋ก ๊ตฌ๋ณ
- Auto Rename Tag
- ํ๊ทธ ์์์ ์ ํ๊ทธ๋ฅผ ๋ฐ๊พธ๋ฉด ๋ค์ ์๋ ํ๊ทธ๋ ์๋์ผ๋ก ๋ณ๊ฒฝ๋จ
- CSS Peak
- html์์ ํด๋น css๊ฐ ์ด๋ป๊ฒ ๊ตฌ์ฑ๋์๋์ง ๋ฏธ๋ฆฌ๋ณด๊ธฐ๊ฐ ๊ฐ๋ฅํ๊ณ , ctrlํค๋ก ์ด๋ ๊ฐ๋ฅ
- html css support
- html์์ css๋ฅผ ์๋์์ฑ ํด ์ค
- vetur
- Vue.js ์๋์์ฑ
- template, style, script๋ฑ์ด ์๋์์ฑ
- vue 3 snippets
- vetur์์ ์ง์ ์ ํด์ฃผ๋ ๊ธฐ๋ฅ์ ์ง์ํด ์ค
- ์ถ๊ฐ ์ค์
- ์๋ฌด๊ฑฐ๋ ๊ฒ์ ํ ํฑ๋๋ฐํด > Extension Settings
- tab width
- ๋ค์ฌ์ฐ๊ธฐ๋ฅผ ์ผ๋ง๋ ํ ์ง
- print width
- ์ฝ๋ฉ ๊ธธ์ด์ ๋ฐ๋ผ ์๋์์ฑ ํ ๋ ํ Line์ด ๊ธธ์ด์ง๋ฉด enter๊ฐ ์ณ์ง. ์ด๊ฑธ ๋ฐฉ์งํ๊ธฐ ์ํด 80 -> 100์ผ๋ก ๋ณ๊ฒฝ!
- quote style
- ์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ๋ฐ์ด๊ธฐ ๋๋ฌธ์ single๋ก ๋ณ๊ฒฝ
- format on save
- ์ ์ฅํ๋ ์๊ฐ์ ์๋์ผ๋ก ์ ์ฉ์ด ์ค์ ๋๋๋ก ํ๊ธฐ ์ํจ -> โ๏ธ ์ฒดํฌํ๊ธฐ
- ์ ์ฅํ๋ ์๊ฐ์ ์๋์ผ๋ก ์ ์ฉ์ด ์ค์ ๋๋๋ก ํ๊ธฐ ์ํจ -> โ๏ธ ์ฒดํฌํ๊ธฐ
- format on type
- ์ฒดํฌ
๋์ '๊ฐ๋ฐ'์๊ตญ ๐พ | [์ด์ ๋ธ๋ก๊ทธ] https://blog.naver.com/yoonjy1106