[vscode] extension 으로 vscode 쉽게 사용해보기

extention 확장 프로그램은 vscode를 더욱 쉽게 쓸 수 있게 해주는 일종의  addon 프로그램이라고 보시면 됩니다.

 

addon 이라는것은 프로그램의 기능을 보완하기 위한 프로그램을 지칭하는거라고 보시면 됩니다.

 

vscode를 실행합니다.

 

vscode 화면 좌측 상단  제일 아래 정사각형들이 모여있는 모양이 있습니다.

단축키는 ctrl + shift + x 입니다.

그리고 검색으로 아래 추천드리는 확장프로그램 설치 하시면 됩니다. 

 

 

 

 

제가 추천 드리는 확장프로그램 

 

1. Bracket Pair Colorizer

 

 

 

이 확장 프로그램은 코드 작성시 () {} 짝을 찾아주는 기능이 있습니다. 처음 코딩을 배울때 수정하면서 자주 () {}의 짝을 없애버릴때가 많았는데 도움이 많이 되었습니다. 

 

 

 

2.

 

 

두번째 추천은 live server 입니다. 이 확장프로그램은 html 파일을 찾아서 열지 않아도 html 파일을 바로 열어주는 프로그램입니다. 설치후 실행 방법은 html 파일 마우스 오른쪽 클릭 하면 맨 상단에 open with live server를 눌러주시면 됩니다.

 

 

 

 

3. 

 

세번째는 indent-rainbow 입니다.

 

이건 indentation을 도와주는 프로그램입니다. indentation 이라는건 들여쓰기인데 코딩을 하다보면 

들여쓰기 또는 줄바꿈이 제대로 되지 않으면 오류를 찾기 너무 힘듭니다. (무조건 오류는 납니다.)

또한 협업을 할때 보기좋게 되어있지않으면 협업과정에서 많은 시간이 소모되기도 하기 때문에 

들여쓰기 줄바꿈을 하게되는데 이 확장프로그램을 이용해서 좀더 나은 환경을 만들게 됩니다.

 

 

4.

 

 

4번째 확장프로그램은 Material Icon Theme 입니다.

이 확장 프로그램은 작성하거나 받은 코드 파일을 두번째 그림 처럼 보기 쉽고 이쁘게 표시해주는 기능이 있습니다.

이 확장프로그램을 설치하지 않았을시에 원하는파일을 찾을때 가시성이 좀 떨어져 설치하는걸 추천 드립니다.

 

 

5. 

 

 

 

마지막 추천입니다.  Terminal 확장 프로그램입니다. 터미널을 따로 열 필요없고 코딩을 작성하는도중에

vscode  실행중에 프로그램안에서 터미널을 열 수 있습니다. 그냥 최고입니다.

 

 

추후 더 유용한 추천 확장프로그램이 있다면 블로그에 추가적으로 글을 작성하도록 하겠습니다.