[환경설정] VScode extensions

JungChihoon·2020년 8월 7일
0

환경설정

목록 보기
1/1

기본

  • prettier: 코드 스타일을 자동으로 정리
  • Eslint : 자바스크립트 문법 및 코드 스타일을 검사
  • git history: 파일이 생겼났을 때부터 지금까지의 깃 허브 커밋 변경 과정을 볼 수 있음

추가

  • debugger for chrome: vscode에서 크롬 디버거 실행
  • open in browser : html 같은 페이지를 바로 브라우저창에서 키고 싶을 때, 브라우저 연결을 도와줌
  • Live Server: 만들고 있는 페이지를 열어주고, 라이브로 갱신시켜 보여주는 익스텐션.
  • git Lens : 현재파일의 최종변경내용 표시, 시간 및 어떤사람이 최종수정했는지 확인가능
  • auto rename tag : 닫는 태그 자동생성, 태그이름 자동수정
  • Korean Language Pack for Visual Studio Code : 한글로 사용하실꺼면 설치

기타

  • Live Share: 실시간 코드공유
  • Bracket Pair Colorizer: 중괄호를 다양한 색상으로 잘 구별해주는 플러그인
  • Reactjs Code Snippets: 함수를 작성하거나 단축 단어를 사용하여 간편하게 코드를 작성
  • Active File In StatusBar : Vscode 상태 표시 줄에 현재 활성 파일의 전체 경로를 표시하는 확장 프로그램
  • Rainbow Brackets : 괄호(bracket)마다 다른 컬러를 제공

참조 : https://mishka.kr/2019/06/24/vscode-extension/

profile
주니어 개발자

0개의 댓글