[VSCode] Plug-in

๊น€์ •๋ฏผยท2022๋…„ 5์›” 23์ผ
1
post-thumbnail

VSCODE Plug-in

- Bracket Pair Colorizer
->
๊ด„ํ˜ธ ์Šคํƒ์— ๋”ฐ๋ผ ์ƒ‰์ƒ์„ ์ฐจ๋“ฑํ•˜๊ฒŒ ๋ถ€์—ฌํ•จ์œผ๋กœ์จ ์‚ฌ์šฉ์ž๊ฐ€ ๊ด„ํ˜ธ๋ฅผ ๋งŽ์ด ์“ธ ๋•Œ ์ฃผ๋Š” ํ˜ผ๋™๊ฐ์„ ์ค„์—ฌ์ค€๋‹ค.

- Spring Boot Developer Extension Pack
-
> Spring Boot ๊ฐœ๋ฐœ ํŒฉ

- Extension Pack for Java
->
JAVA ํŒฉ

- Lombok Annotations Support for VS Code
->
Lombok

- Mustache Template
->
View Template

- Prettier
->
์ฝ”๋“œ ์ž๋™ ์ •๋ ฌ

- TabOut
->
Tabํ‚ค ๋ˆ„๋ฅด๋ฉด () {} [] ๋“ฑ ๋น ์ ธ๋‚˜๊ฐ€๊ธฐ ๋ฐ–์œผ๋กœ ์ปค์„œ ์ด๋™

- Korea Language Pack for Visual Studio Code
->
ํ•œ๊ตญ ์–ธ์–ดํŒฉ

- Auto Close Tag
->
์—ฌ๋Š” ํƒœ๊ทธ๋ฅผ ๋งŒ๋“ค๋ฉด ๋‹ซ๋Š” ํƒœ๊ทธ๋ฅผ ์ž๋™์œผ๋กœ ์ƒ์„ฑ

- Auto Rename Tag
->
ํƒœ๊ทธ ์ˆ˜์ •ํ•˜๋ฉด ๋‹ซ๋Š” ํƒœ๊ทธ ์ž๋™ ์ˆ˜์ •

- Color Highlight
->
์ƒ‰์ƒ๊ฐ’์„ ์ฐพ์•„์„œ ์ƒ‰์ƒ ํ‘œ์‹œํ•ด์ค๋‹ˆ๋‹ค

- CSS Peek
->
HTML ๊ฐ™์€ ํŒŒ์ผ์—์„œ class์— ์ ์šฉ๋œ CSS ์†์„ฑ์œผ๋กœ ๋ฐ”๋กœ ์ด๋™ํ•˜๊ฒŒ ํ•ด์ฃผ๋Š” ํ™•์žฅํˆด

- indent-rainbow
->
๋“ค์—ฌ ์“ฐ๊ธฐ๋ฅผ ์ƒ‰์ƒ์œผ๋กœ ํ‘œ์‹œ

- Live Server
->
ํ˜„์žฌ ์ž‘์„ฑํ•˜๊ณ  ์žˆ๋Š” ์ฝ”๋“œ๋ฅผ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋ณด์—ฌ์ฃผ๋Š” ๊ธฐ๋Šฅ

- Vetur
->
.vue ํŒŒ์ผ์˜ ์ฝ”๋“œ ํ•˜์ด๋ผ์ดํŒ…

- Vue VSCode Snippets
->
Vue ์ฝ”๋“œ ์ž๋™์™„์„ฑ(์ฝ”๋“œ ์ž‘์„ฑ์‹œ ๋ฌธ๋ฒ•์„ ์•Œ๋ ค์คŒ)

- Vue Peek
->
Vue Component ์ถ”์ ์„ ์‰ฝ๊ฒŒ ํ•ด์ฃผ๋Š” ๊ธฐ๋Šฅ

- Night Owl
->
ํŒŒ์ผ -> ๊ธฐ๋ณธ์„ค์ • -> ์ƒ‰ ํ…Œ๋งˆ ์„ค์ •

- Material Icon Theme
->
ํŒŒ์ผ -> ๊ธฐ๋ณธ์„ค์ • -> ํŒŒ์ผ ์•„์ด์ฝ˜ ํ…Œ๋งˆ

- ESLint
->
์†Œ์Šค์ฝ”๋“œ๋ฅผ ๋ถ„์„ํ•ด์„œ ๋ฌธ๋ฒ• ์—๋Ÿฌ, ๋ฒ„๊ทธ๋ฅผ ์ฐพ๊ณ  ๋ณด๊ณ ํ•˜๊ณ  ๊ณ ์ณ์ฃผ๋Š” ์—ญํ• (๊ทœ์น™์„ ์ž์‹ ์˜ ์ƒํ™ฉ์— ๋งž๊ฒŒ ์„ค์ •)

- Code Spell Checker
->
์ฝ”๋“œ ์ŠคํŽ ๋ง ์ฒดํฌ

- Inline SQL Syntax
->
์ธ๋ผ์ธ์œผ๋กœ sql๋ฌธ์„ ์ž‘์„ฑํ• ๋•Œ ํ•˜์ด๋ผ์ดํŠธ ์ƒ‰๊น”์„ ๋„ฃ์–ด์ค€๋‹ค.

- Log File Highlighter
->
๋กœ๊ทธ์— ์ƒ‰๊น”์„ ์ž…ํ˜€์ค€๋‹ค

- Visual Studio IntelliCode
->
AI ๊ธฐ๋ฐ˜์˜ ์ž๋™ ์™„์„ฑ์„ ์ œ๊ณต

- ES7 React/Redux/GraphQL/React-Native snippets
->
React/Redux/GraphQL/React-Native์˜ snippets(๋‹จ์ถ•ํ‚ค)๋ฅผ ์ œ๊ณต

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