본문 바로가기

모카 스터디/웹 지식

VSCode 필수 익스텐션

1. Material Theme

-여러 코드 색상 테마를 설정하여 더욱 코드의 가독성을 높일 수 있다.

 

2.Material icon Theme

- 아이콘들이 더 생동감 있게 설정 가능

 

 

 

 

 

 

 

 

 

 

 

 

3.Prettier -Code formatter 

-기본적인 띄어쓰기 줄맞춤 등등 더러운 코드를 깔끔 하게 해준다.

 

 

 

 

 

 

4.Indent Rainbow

- 줄마다 들여쓰기가 다른경우 색감을 넣어주어 가독성을 높인다.

 

 

 

 

 

5.Auto rename tag

- 특히 HTML 언어 사용 시 앞에 태그를 수정하면 뒤의 태그또한 자동으로 수정이 된다.

 

 

 

 

 

 

 

 

 

 

 

6. CSS Peek

- Ctrl를 누른채로 해당 big이라는 클래스를 누르면 정의된 css파일로 이동할 수 있다.

 

 

 

7.Live Server

-일일이 새로고침(F5)을 하지 않아도 저장만해도  자동으로 브라우저에서 새로고침이 된다.

8.Markdown :open preview

-VScode에 내장된 기능으로 팔레트에서  사용가능하며  아래 사진 처럼 즉각적으로 markdown의 수정사항을 볼 수 있다.

 

이렇듯 개꿀인 익스텐션이 많다.

 

차후 어떤 프로젝트와 어떤 언어 어떤 프레임 워크를 사용할지 모르지만

각 사용시에 따라 좋은 익스텐션을 먼저 알아본 뒤 설치하고 진행을 하면 더 좋을꺼 같다. 우마이 !@