VSCode (Visual Studio Code) 추천 플러그인

Vetur

• .vue 파일의 코드 하이라이팅

 

Night Owl

• 어두운 VSC theme

 

Material Icon Theme

• 디렉토리 목록 아이콘을 메테리얼 아이콘으로 변경

 

Live Server

• 수정사항 실시간 확인

 

ESLint

• 자바스크립트 문법 검사기 (에러메세지 출력)

 

Prettier

• 익스텐션 - 파일저장시 자동코드정리
• 설정방법 - https://nuggy875.tistory.com/109
• 옵션수정 필요
  • single quote - 홑따옴표 사용여부
  • print width - 자동개행 글자수

Colonize

• 행 마지막 세미콜론 추가
  
  • shift + enter 줄 끝에 세미콜론을 삽입하고 같은 줄에서 계속
  • alt + enter 줄 끝에 세미콜론을 삽입하고 새 줄에서 계속
  • ctrl + alt + enter 세미콜론을 삽입하고 같은 위치에 유지

 

Auto Close Tag

• 태그를 자동으로 닫아줌

 

TabOut

• 탭을 통해 쌍(Pair)이 있는 괄호나 따옴표의 한 단계 밖으로 나갈 수 있음

 

Atom Keymap

• 단축키 수정

 

Markdown All in One

• 마크다운 미리보기등 관련 기능 추가