플러터

VSCode 플러터 개발 환경 세팅 (한국어 설정, 마켓 플레이스 패키지 다운로드)

슬기로운IT생활 2021. 3. 9. 22:19
728x90

VSCode(비주얼 스튜디오 코드)로 플러터 앱 개발 환경을 세팅하겠다.

 

우선 아래 URL에서 VSCode를 다운로드한다

우선 아래 URL에서 VSCode를 다운로드한다

https://code.visualstudio.com/

아래와 같은 설치 화면에서 동의합니다 이후

다음다음 눌러서 진행한다

그림

VSCode 언어를 한글로 설정하겠다.

좌측 블럭 아이콘인 마켓 플레이스를 클릭 후

검색 창에서 'korean' 입력하면 다음과 같이 나오고

Install을 클릭해서 설치하면 된다.

그림

개발 툴이 한글로 변경되었다.

이제는 마켓 플레이스에서 flutter를 검색하여 설치한다.

그림

다음은 코드 가독성을 위해

레인보우 브래킷을 설치해 준다.

그림

다음은 Error Lens를 설치했다.

에러를 가독성 있게 보여준다.

그림

다음은 파일 아이콘을 이쁘게 표현하는

Material Icon Theme를 설치한다.

그림

다음은 색상 코드 옆에 색을 미리 볼 수 있게 표현하는

Flutter Color를 추가한다.

그림

이렇게 VSCode로 플러터 앱 개발 환경 설정이 끝났다.

다시 앱 개발을 시작해보겠다.

728x90