[Flutter]개발환경 구축 with VSC, Windows

한상욱·2022년 11월 27일
0

Flutter 위젯

목록 보기
1/22
post-thumbnail

Intro

Flutter는 구글에서 만든 크로스플랫폼 앱 제작 tool입니다. 이번 포스팅에서는 Windows에서 Flutter 개발 환경을 구축하는 방법에 대해서 알아볼겁니다.

주의

저는 Android Studio가 이미 설치되어있고, 에뮬레이터도 하나 생성되어 있습니다. 만약에 포스팅 끝까지 따라했는데 에뮬레이터가 안나온다고 당황하지 마세요. 그냥 아래 따라하기 이전에 Android Studio를 설치하고 에뮬레이터를 하나 생성해주시면 됩니다.

IDE는 취향껏 근데 저는 VSC

IDE는 VSC를 사용해도 좋고, Android Studio를 사용해도 좋습니다. 근데, 저는 JetBrain 특유의 인트로가 긴것이 별로입니다. 그래서 VSC를 사용해서 개발하는 것을 선호하게 되었네요. 그렇기에 VSC로 개발환경 구축하는 법을 알아볼겁니다.

Flutter SDK 설치

google에서 flutter라고 검색하시면 flutter 공식 홈페이지가 상단에 보입니다. 클릭해서 이동하세요.

우측 상단에 Get started를 클릭해줍시다.

뭐야 왜 한글로 보여? 아 자동번역 된거 같습니다. 신경쓰지 말고 Windows를 선택해줍시다.

Get the Flutter SDK라고 보이시나요? 파란색 버튼을 누르면 압축파일을 받을 수 있는데, 원하는 곳에 설치해줍시다. 저는 기본설정인 다운로드에 받았습니다.

다운로드가 완료되면 압축을 풀어주세요. bin 폴더가 보이시나요?? bin 폴더 경로를 환경변수로 설정해줘야 flutter 명령어를 사용할 수 있습니다. 필요하니까 당장 설정하겠습니다.

윈도우 하단에 검색하기에서 환경 변수라고 입력하시면 바로 나옵니다. 클릭해주면 이와 같은 팝업이 나오는데, 고급 탭에서 환경 변수 버튼을 눌러주세요.

path를 선택하고 편집을 해주세요.

위 사진처럼 flutter > bin폴더로 향하게 경로를 설정해줍시다. 설정하면 꼭 재부팅해주세요.

VSC 설치

VSC가 없다면, VSC를 설치해줍시다. 공식홈페이지에서 무료로 다운로드받을 수 있습니다.

VSC설치가 완료되면 열어주시고, 확장에서 Flutter를 설치해줘야 합니다. 자동으로 설치되는 경우도 있던데요, 안되있으면 설치합시다. Flutter를 설치하면 Dart도 자동으로 설치됩니다.

마무리

여기까지 완료하셨다면, VSC를 이용하는 개발환경 구축이 완료되었습니다.

profile
개발공부를 기록하자

0개의 댓글