Visual Studio Code 자주 사용하는 익스텐션

 

( 명령팔레트 단축키: Command + Shift + P )

 

• Korean Language Pack for Visual Studio Code : 한국어팩

       명령팔레트에 Configua Display Language --> ko

 

• Auto Rename Tag : 앞태그를 수정하면 뒤태그가 자동으로 바뀐다.

 

• cdnjs : Java Script, JQuery 소스들을 검색하여 삽입 한다.

 

• Color Info : CSS에서 색상값을 미리 볼수 있다.

 

• Colorize : 색상을 미리 확인할 수 있다.

 

• CSS Peek : Command 키를 누르고 클릭하면 정의된 CSS로 이동

 

• HTML CSS Support : HTML에서 CSS자동 완성을 이용할 수 있다.

 

• HTML to CSS autocompletion

 

• Live Sever : 저장하면 실시가 미리보기가 된다.

 

• Material Icon Theme : 파일 아이콘을 보여줌
  
• Bracket Pair Colorizer 2 : 괄호 색상 표시 해줌
  
• Prettier : 저장시 코드를 알아서 정렬해 준다

Prettier 세팅 ( Command + , ) 

save-> Editor: Format on Save에 체크

prettier-> Prettier: Tab Width: 2로 설정

quote-> JavaScript, TypeScript는 singgle로 설정