VS Code 추천 Extensions (for. React개발자 )

VS Code

요즘 개발자들의 최애 에디터로 떠오른 VS Code

 

다들 쓰고 계시죠? ㅎㅎ

 

제가 사용하는 Extension들을 소개해 드리겠습니다.

 

 

1. Material Theme ⭐️⭐️⭐️ : 보기 좋은 떡이 먹기도 좋은법! 에디터를 이쁘게 꾸며줍니다. 

https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme

Material Theme - Visual Studio Marketplace

 

2. Material Theme Icons  ⭐️⭐️⭐️ : 파일과 폴더의 확장자에 따라 아이콘을 표시해줍니다. 

https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme-icons

Material Theme Icons - Visual Studio Marketplace

 

3. Prettier - Code formatter ⭐️⭐️⭐️⭐️⭐️ : 띄어쓰기, 공백 자동으로 처리해줍니다.

 

https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

Prettier - Code formatter - Visual Studio Marketplace

 

4. Code Spell Checker ⭐️⭐️⭐️⭐️⭐️ : 변수, 함수명을 지을때 정확한 단어가 아니면 밑줄을 그어 줍니다. 

 

https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

Code Spell Checker - Visual Studio Marketplace

 

5. Bracket Pair Colorizer ⭐️⭐️⭐️⭐️⭐️ : 괄호에 색깔을 다르게 주고 어떤 괄호와 연결되어있는지 보여줍니다.

 

https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer

Bracket Pair Colorizer - Visual Studio Marketplace

 

6. vscode-styled-components ⭐️⭐️⭐️⭐️ : 스타일드 컴포넌트로 CSS개발을 한다면 필수!

 

https://marketplace.visualstudio.com/items?itemName=jpoissonnier.vscode-styled-components

vscode-styled-components - Visual Studio Marketplace

 

7. Reactjs code snippets ⭐️⭐️⭐️ : 단축키로 자주 사용하는 코드를  붙여넣기 합니다.

 

https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets

Reactjs code snippets - Visual Studio Marketplace

 

8. Markdown All in One  ⭐️⭐️ : 마크다운을 사용하기 쉽게 만들어줍니다

 

https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one

Markdown All in One - Visual Studio Marketplace

 

9. TODO Highlight ⭐️⭐️⭐️⭐️ : 주석을 달고 TODO: 를 입력하면 하이라이트 표시가 됩니다. TODO목록은 VSCode 검색창에서(ctrl shift p) list를 검색하세요

 

https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight

TODO Highlight - Visual Studio Marketplace