유용한 크롬 & VSCODE 확장 도구들

유용하게 사용하고 있는 확장 도구들을 소개합니다.

 

 

Chrome

• Momentum ★★★☆
  • 크롬의 새 탭에 다양하고, 유용한 정보들을 보여준다.
• JSON View ★★
  • JSON 포맷터.
• Allow-CORS ★☆
  • CORS 문제로 요청이 안될 때, 이 녀석을 이용해보자.
  • 그래도 안된다면, 서버 개발자에게 요청하자.

 

 

VSCODE

• Prettier ★★★★★
  • 설명이 필요 없다. 최고의 포맷터.
• ESLint ★★★★★
  • 설명이 필요 없다. 최고의 분석 도구.
• Debugger for Chrome
  • 설명이 필요 없다. vscode에서 브레이크 포인트를 걸 수 있는 디버깅 도구.
• GitLens ★★★★
  • Git을 사용한다면 무조건 설치하자.
  • Git History를 에디터에서 바로바로 볼 수 있다.
• Local History ★★★★
  • 로컬 환경 파일 히스토리 관리자.
  • 다른 에디터에는 보통 기본장착된 기능이지만, VSCODE에는 이 친구를 설치해야만 한다.
• Coverage Gutters ★★★☆
  • 테스트를 작성하는 프로젝트라면 무조건 설치하자.
  • 테스트 코드가 어느 부분을 커버하고 있는지 바로 알 수 있다.
• Better Comments ★★★
  • 코멘트를 기가막히게 남기고 싶다면 설치하자.
  • 협업 프로젝트에 매우 유용하다.
• Browser Preview ★★★
  • 브라우저창을 vscode 안에다가 띄워준다.
  • 싸돌아다니면서 랩탑으로 개발할 때 필수다.
• Bracket Pair Colorizer ★★☆
  • 이름 그대로 괄호를 맵핑해준다.
• Live Sass Compiler ★
  • SASS 컴파일러를 따로 사용하지 않는 작은 프로젝트라면 유용하다. 
  • 웹팩을 사용하면 필요 없다.