[VSCode] 확장프로그램

GitLens

• 레포지토리 내부 파일을 수정할 때 왠만한 내용은 다 오버레이로 보여주게 해주는 익스텐션이다.

• 코드 작성자를 시각화하고 Git 저장소를 완벽하게 탐색하고 강력한 비교 명령을 지원한다.

• VSCode 내에서 GIT 버젼 관리와 코딩을 동시에 수행할 수 있게 한다.

• 사용방법

---

Github Copilot

• 코드 작성 중 자동완성 스타일의 제안을 제공하는 AI 페어 프로그래머이다.

• 코드를 작성하거나 코드가 수행해야 하는 작업을 설명하는 자연어 주석을 작성하여 제안을 받을 수 있다.

• $10/month or $100/year

• 사용방법

---

Prettier

• 사용자의 옵션에 따라 코드 스타일을 이쁘게 맞춰준다. 협업초반에 설정하면 코드 통일성을 높여주는 아주 유용한 친구!

• 환경설정참고1, 환경설정참고2

---

ESLint

• ESLint는 자바스크립트의 문법을 확인해주는 도구로, 코드를 잘못 쓴 경우 에러/경고 메시지를 VS Code 에디터에서 바로 확인할 수 있게 해준다.

• 보통 prettier와 연동해서 쓴다.

• 설정및연동방법

---

Turbo Console Log

• 필요한 부분의 console.log를 바로 입력해준다
• 기본 단축키 : cntrl + alt + L

---

Live server

• Live Server를 사용하면, 코드를 저장하자마자 변경사항을 바로 브라우저에서 보여준다.

---

Error Lens

• 실시간으로 모든 오류와 경고를 보여준다

---

Korean language pack

• 한국어 팩 (선택사항)

---

autopep8

• python code 자동정렬 (나는 node 기반이므로 미설치!)