Flutter SDK 설치 경로 주의사항 - Flutter 설치 경로 상에 한글이 있으면 안된다. - C:Program Files\ 밑에는 설치 금지 - OneDrive폴더 밑에 설치 금지 (탐색기에서 주소창 클릭 시 OneDrive라고 적혀있으면 안됨)
만약 내 문서 폴더가 OneDrive 아래에 있다면, C드라이브 밑에 설치 진행
압축 해제
2. 환경변수 설정 (다운로드한 Flutter를 어디서든 사용 가능하도록 설정하는 절차)
압축이 해제 된 flutter_windows 폴더로 들어간다.
flutter 폴더로 들어간다.
bin 폴더로 들어간다.
주소창 클릭
선택한 경로 복사
시스템 환경변수 편집
만약 환경 변수 편집 화면이 아래와 같이 뜨는 경우, 기존 변수 값은 절대 지우지 말고 기본 변수값 맨 뒤에 ; 을 붙인 뒤 복사한 경로를 넣어주면 된다.
그럼에도 불구하고 기존 환경 변수를 삭제해 버린 경우 1. 컴퓨터 재부팅을 했다면, 포맷하고 처음부터 다시 시작해야 한다. 2. 재부팅 하기 전이라면, 유튜브를 참고하여 프로그램을 다운받은 뒤 현재 실행중인 프로그램에서 유저 변수를 추출하여 복원할 수 있다. https://youtu.be/abjMTXEiVwk?t=126
3. 설치 확인
명령 프롬프트 실행
flutter --version이라고 검색했을 때, 아래와 같이 문구가 뜨면 설치 완료(버전은 다를 수 있다.)
Visual Studio Code
Visual Studio Code(줄여서 VSCode)는 앞으로 실제 코드를 작성할 편집 툴이다.
Flutter 개발은 Android Studio와 VSCode 둘 중 원하는 툴을 사용하여 개발할 수 있다.
VSCode를 설치한 후, Extension까지 설치
Flutter : VSCode에서 Flutter 개발 환경 지원 Dart : Flutter 개발 시 사용되는 Dart 개발 환경 지원 Awesome Flutter Snippets : Flutter 개발 시 자주 쓰이는 코드 자동 완성 지원
- flutter 라고 검색한 뒤, 해당 익스텐션을 선택 후 install 버튼을 눌러 설치.
바로 아래 Awesome Flutter Snippets 도 설치
dart라고 검색 후, 해당 익스텐션 설치. uninstall이라고 뜨면 이미 설치가 된것이니 넘어가면 된다.
3. 최종 설치 확인
명령 프롬프트 실행 후 flutter doctor를 입력 시 아래와 같이 모든 항목에 체크표시 되었다면 설치 완료.