[WebProgramming] VS Code 확장형 프로그램 정리 <작성 중>

React

1. Auto Import

; 파일명 입력 시 자동 import

 

2. Reactjs code snippets (React)

; rcc입력 시 클래스형 컴포넌트  / rsc 입력 시 화살표 함수형 컴포넌트 생성

 

3. ESLint

; JS문법, 코드 스타일을 검사 & 문법 오류 발견 시 수정까지 해줌

- 규칙을 본인에게 맞게 설정도 할 수 있음

 

4. Prettier

; 코드스타일을 보기 좋게 정리해줌

 

5. auto Rename Tag (HTML)

; HTML에서 tag 이름 변경 시 매칭되는 tag 이름도 자동으로 변경시켜줌

 

6. Material Icon Theme

; 아이콘들을 보기 좋게 바꿔줌

 

---

Reference

https://breathtaking-life.tistory.com/117

리액트 VSCode 자동완성 익스텐션 추천 (Auto Import, Code snippets 등)

https://marketplace.visualstudio.com/items?itemName=NuclleaR.vscode-extension-auto-import 

Auto Import - ES6, TS, JSX, TSX - Visual Studio Marketplace

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

Reactjs code snippets - Visual Studio Marketplace

https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint 

ESLint - Visual Studio Marketplace

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

Prettier - Code formatter - Visual Studio Marketplace

https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag 

Auto Rename Tag - Visual Studio Marketplace

https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme 

Material Icon Theme - Visual Studio Marketplace