[Flutter 트랙] 앱개발 종합반 1-6 - VS Code Extensions 추천

플러터(Flutter) 개발을 원활하게 진행하기 위해서는 VS Code의 확장 플러그인(Extensions)을 적절히 활용하는 것이 중요하다.
이번 포스팅에서는 플러터 개발에 필수적인 VS Code 플러그인과 추가적으로 유용한 플러그인을 정리한다.

---

1. VS Code에서 확장 플러그인 설치 방법

1️⃣ VS Code 실행
2️⃣ 좌측 사이드바에서 "확장 프로그램(Extensions)" 아이콘 클릭 (블록 모양 아이콘)
3️⃣ 검색창에서 원하는 플러그인 검색 후 "Install" 버튼 클릭
4️⃣ 설치 완료 후 VS Code 재시작

---

2. 플러터 개발을 위한 필수 확장 플러그인

아래 3가지는 플러터 개발 시 반드시 필요한 플러그인이므로 꼭 설치해야 한다.

✅ Flutter – 플러터 프로젝트를 생성하고, 기본 기능을 제공
✅ Dart – 다트(Dart) 언어 지원 및 코드 자동 완성 기능 제공
✅ Awesome Flutter Snippets – 플러터에서 자주 사용하는 코드 스니펫 제공

---

3. 추가로 설치하면 유용한 플러그인

설치하지 않아도 되지만, 개발 속도를 높이고 편리한 기능을 제공하는 플러그인들이다.

✅ GitLens – Git 히스토리 및 브랜치 관리 도구
✅ Gitmoji – 커밋 메시지에 이모지를 추가하여 가독성 및 통일성을 높임
✅ Material Icon Theme – VS Code 파일 탐색기에 아이콘을 추가하여 파일 유형을 직관적으로 구분
✅ Prettier - Code Formatter – 코드 자동 정리 및 포맷팅(띄어쓰기, 세미콜론 자동 추가 등)

---

4. 결론 – 플러그인을 활용하여 더 효율적인 개발 환경 구축

✔ Flutter, Dart, Awesome Flutter Snippets는 필수 설치
✔ GitLens, Gitmoji, Material Icon Theme는 가독성과 코드 관리에 도움
✔ Prettier를 사용하면 코드 스타일을 일관되게 유지 가능

이제 플러그인을 활용해 더 효율적인 플러터 개발 환경을 구축한 후 본격적으로 앱 개발을 시작해보자! 🚀