Visual Studio Code에는 수많은 플러그인을 추가할 수 있는데
프론트엔드 개발(주로 자바스크립트)할때 도움이 될 만한 플러그인들을 추천해보고자 한다.
내가 쓰는것들 위주로 작성하였고 나는 개발언어로 자바스크립트를 사용하기 때문에 다른언어 쓰시는 분들은 다른글을 참고하시길...
1. Prettier (보기 좋은 코드가 유지보수하기도 쉽다!)
이름부터 알 수 있듯이, 코드를 예쁘게 정렬해주는 플러그인이다.
원래는 beautify를 썼는데 deprecate 되어서...
설치하면 기본적으로 여러언어들을 자동으로 인식해서 저장할때 예쁘게 정렬해준다.
수동으로 정렬하려면 ctrl + a 로 전체 선택을 한 후, ctrl + k + f 를 누르면 정렬된다.
만약 단축키가 안먹는다면 설정에서 확인!
2. Live Server (저는 서버 구축할줄 몰라요 잉잉...그럼 이거 쓰셈)
html 페이지를 바로 웹 브라우저로 볼 수 있게 해주는 플러그인이다.
css나 js를 변경하고 저장하면 새로고침 할 필요없이 자동으로 서버에 반영된다.
물론 로컬서버다. 테스트 페이지 만들 때 바로바로 변동사항이 반영되서 확인하기 좋다.
3. IntelliCode (아...그 메서드 뭐였더라.... 할때는 이거)
뒤에 붙을 메서드를 자동으로 추천해주는 고마운 플러그인이다.
자주 쓰는 메서드들이 위로 올라와서 바로바로 찾을 수 있다.
4. Git graph (git 안쓰는 개발자....없죠?)
말이 필요없다.
Git 로그를 그래프로 보여준다.
한눈에 확인이 가능해서 깃 관리할때 편리하다.
5. Thunder Client (매번 Postman 들어가서 로그인하기 귀찮아!)
API Test를 간편하게 할 수 있는 플러그인이다.
Postman과 비슷한거라 생각하면 된다.
UI도 Postman과 유사해서 익숙한 사람들은 곧 바로 사용할 수 있을것이다.
번외. 테마 - Oceanic Next
번외로 내가 쓰는 테마는 이것이다.
선택한 이유는 별거없다. 배경이 어두워서 눈이 안아프기 때문이다^^
테마는 어디까지나 자기 취향대로 고르면 된다...
내가 추천한것들 외에도 VS Code에는 다양한 플러그인 들이 있으니 자신에게 필요한 것을 찾아서 추가하자!
나같은 경우에는 위에 추천한 것들 말고도
1. SCSS를 컴파일하기 위한 Live Sass Compiler
2. 서버를 올리기 위한 Docker (도커 데스크탑 설치하면 굳이 추가 할 필요없긴하다...)
3. php도 가끔 사용하기에 PHP Intelephense
등등 여러가지 플러그인을 사용한다.