VS Code 익스텐션 추천 (feat. 없으면 손해보는 Extension 모음)

VS Code? Everywhere~

요즘 VS Code 기반으로 만든 IDE들이 늘어나고 있다

Cursor라던가 Antigravity라던가 하는 것들 말이다

확장자를 import 해줄 수 있게 해주는 기능은 참 편리한데 여기에 적용하면 좋을 익스텐션을 가져왔다

정확히는 맨날 까먹어서 뭘 적용해야하는지 헷갈리는 날 위한 것이기도 함..

 

이 글은 앞으로 괜찮은 익스텐션을 찾을 때마다 꾸준히 업데이트 해야겠다

---

0. 익스텐션 IDE에 적용하는 방법

- 두가지 방법이 있다

- 첫번째, IDE를 실행하고 왼쪽의 Extensions 버튼을 눌러 검색하고 다운받는다

- 두번째, 직접 .vsix 파일을 구해서 IDE에 끌어넣어 설치한다

- 두번째는 보통 인터넷 안되거나, 보안 때문에 직접 검색이 안될 때 써먹었다

---

1. Material Theme (But I won't sue you) (테마)

- 원본은 Material Theme 이나 이 테마는 운영자 이슈로 사라졌다 

- 그러나 테마만큼은 인정받아서 라이선스 문제없이 재구현된 프로젝트이다

- 단순히 Extension에서 검색해서 적용해도되고 아님 .vsix를 IDE에 끌어다 넣어도 적용된다

- 아래 파일 쓰셔도 되지만, 못미더우시거나 최신 버전이 필요하시면 직접 받으시는 것을 추천한다 (추후에 또 까먹고 여기올 날 위한 파일..)

material-theme-but-i-wont-sue-you-35.0.2.vsix

0.33MB

https://github.com/t3dotgg/vsc-material-but-i-wont-sue-you

GitHub - t3dotgg/vsc-material-but-i-wont-sue-you: The original owner of the Material UI theme for VS Code is grumpy, so I made a

---

2. Material Icon Theme (아이콘 테마)

- 아이콘 테마를 이쁘게 해주는 친구이다

- 좀 더 명확하게 디자인이 들어간 아이콘으로 한번에 구분이가서 애용함

이쁘다

---

3. Prettier - Code formatter (코드 포맷터)

- 코드 보기 편하게 해주는 포맷터이다 

---

4. Live Server

- 솔직히 웹 FE 개발할 때 이거 없으면 못한다

- 코드를 수정하거나 추가하면 바로 localhost에 반영해준다

- 디자인 변경한거 제깍제깍 확인하기에 좋음

- 설치하면 하단에 Go Live라는 버튼이 생기는데 이거 누르면 페이지가 뜬다