VSCode 추천 Extentions

목차

테마

 

1.Material Theme

- 전체적인 테마 설정 가능 ( 다크 모드, 라이트 모드.. 등?)

- ctrl + K , ctrl +T를 누르시면 됩니다. ( 그냥 ctrl 누른 상태로 k, t를 순서대로 누르세요 )

-그러면 위에 글씨 뜨는데 원하는 거로 변경하시면 됩니다.

 

2. Material Icon Theme

- 아이콘이 이뻐져요.  ( 말이 이쁜 것이지 구분이 잘 됩니다.)

 

 

코드 

자동 줄정렬

1. Beautify

- 블록별 공백으로 구분해줌.

- 키맵핑을 따로 해줘야 함 ( ctrl + k  , ctrl + s  그냥 ctrl 누르고 ks를 치세요)

    - 검색창에 HookyQR.beautify를 친다음, 더블클릭하신 다음 원하는 키로 맵핑시켜주세요

 

2. Prettier - Code formatter

 

- 개인적으로 더 맘에 드는 줄 정렬

 

-  open settings (Json)를 치신 다음,  가장 아래에 아래 코드를 삽입해주면 됩니다.

"editor.formatOnSave": true,
  "editor.showUnused": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode"

- 위 코드를 삽입해주면, 이제 ctrl +s 즉 저장할 때마다 줄 정렬이 됨.

Beautify	Prettier - Code formatter

코드 구분

•  indent-rainbow

익스텐션 페이지에서 발췌해옴

 

• 왼쪽 사진과 같이 앞에 색으로 구분해줘서 파이썬 등을 코딩할 때 너무좋아요!

 

 

 

 

 

 

 

 

 

 

 

자동 태그

• HTML 코딩시에 여는태그와 닫는 태그를 한번에 정리 할 수 있게 해줘요!

 

 

 

 

 

 

 

 

 

---

 

다음에 더 좋은 것들을 알게 되면 올려보겠습니다.

 

Prettier이 너무 좋은 거 같네요.. 저장도 안 까먹고, 줄 정렬도 ㅎ.ㅎ.