병호의 IT새싹키우기

Window에 Flutter 설치 방법 본문

Flutter

Window에 Flutter 설치 방법

병호네 2024. 9. 2. 11:06

플러터란

단일 코드베이스에서 아름답고 네이티브 컴파일된 다중 플랫폼 애플리케이션을 구축하기 위한 Google의 오픈 소스 프레임워크입니다.

 

 

1. 링크로 이동

 

Flutter SDK archive

All current Flutter SDK releases: stable, beta, and master.

docs.flutter.dev

⚠️ Flutter SDK 설치 경로 주의사항

▶️ Flutter 설치 경로상에 한글있으면 안됨
▶️ C:\\Program Files\\ 밑에는 설치 금지
▶️ OneDrive 폴더 밑에 설치 금지 (탐색기에서 주소창 클릭시 OneDrive라고 적혀있으면 안됩니다.) ❗만약 내 문서 폴더가 OneDrive 아래에 있다면, C드라이브 밑에 설치를 진행해 주세요.

 

 

 다운로드

버전 3.22.3을 다운 받아줍니다

 

 

 

압축을 해제 

 

 

환경 변수 설정

⭐ 다운로드한 Flutter를 어디서든지 사용 가능하도록 설정하는 절차입니다.

 

 

경로를 복사

 

 

시스템환경 변수 실행

 

 

윈도우에 환경 변수 라고 검색합니다

 

시스템 변수에 Path를 선택한 뒤, 편집을 눌러주세요!

❗사용자 변수의 Path를 삭제하면 복구하실 수 없으니 주의해주세요!

 

 

켜져있는 창들을 모두 확인 버튼을 눌러 닫아주세요.

⚠️ 만약 환경 변수 편집 화면이 아래와 같이 뜨는 경우, 기존 변수 값은 절대 지우시면 안되고,
       기존 변수값 맨 뒤에 ;를 붙인 뒤 복사한 경로를 넣어주시면 됩니다.

그럼에도 불구하고 기존 환경 변수를 삭제해 버리신 경우
😭 컴퓨터 재부팅을 했다면, 포맷하시고 처음부터 다시 하시는 방법 밖에 없습니다.
😭 재부팅을 아직 안했다면, 유튜브를 참고하여 프로그램을 다운받으신 뒤 현재 실행중인 프로그램에서 유저 변수를 추출하여 복원하실 수 있습니다. 
https://www.youtube.com/watch?v=abjMTXEiVwk&t=126s
https://learn.microsoft.com/en-us/sysinternals/downloads/process-explorer

 

 

설치 확인

 

 

cmd를 검색해서 명령 프롬프트를 실행해줍니다

 

명령 프롬프트에 flutter --version 이라고 검색했을 때,

아래와 같은 문구가 뜨면 설치가 완료!

 

⭐ 버전은 다를 수 있습니다.

 

설치 완료

 

 

'Flutter' 카테고리의 다른 글

간단한 App화면 구현  (0) 2024.09.04
컬렉션(자료구조)  (1) 2024.09.03
Flutter에서 사용하는 변수  (3) 2024.09.03
프로젝트 구조 살펴보기  (0) 2024.09.03
Android Studio 설치  (2) 2024.09.02