JS Code Extension 플러그인 추천

 

1. Material theme

작업환경 테마 설정 가능

 

---

2. Material icon theme

파일 종류 별로 아이콘 가시성 증대

 

---

3. Prettier

코드 포맷 설정. Cmd + , 로 이동

 

---

4. bracekt pair colorizer

코드 괄호마다 색상 표시

 

---

5. Indent-rainbow

들여쓰기 부분마다 색상 표시

 

---

6. Auto rename tag

열린태그 수정 시 닫힌태그 자동 수정

 

---

7. CSS Peek

HTML에 적용 된 CSS 바로찾기 가능 (Cmd + click)

 

---

8. HTML CSS Support

만들어놓은 CSS를 HTML에서 사용 가능

 

---

9. Live Server

웹에서 프로젝트 확인 가능. 커맨드 팔렛트에 >live Server: Open with Live Server 입력하고 숏컷키 후 실행

 

---

10. Auto Colose code

 

11. Color Highlight

 

12. Error Lens

 

13. TabOut

 

 

---

참고 : https://youtu.be/bS9yTI2fC0w