설치메뉴얼

flutter - window 설치

ryeonng 2024. 9. 5. 09:25

flutter

1. 다운로드

 

링크로 이동하기 (https://docs.flutter.dev/get-started/install/windows)

 

클릭하여 내 문서에 다운로드 진행하기

 

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를 입력 시 아래와 같이 모든 항목에 체크표시 되었다면 설치 완료.

 


Android Studio

1. Android Studio 설치

 

- 링크(https://developer.android.com/studio)에 접속한 뒤, Download Android Studio 클릭

- 약관 동의 후 내 문서에 다운로드

다운로드가 완료되면, android-studio 클릭하여 실행

모두 Next를 눌러 설치 진행

 

-만약 계정 이름이 한글이거나 띄어쓰기가 들어있다면 Your Android SDK location contains non-ASCII characters 혹은 your path contains white space etc. 라고 뜨며 진행되지 않는다.

- finist 눌러 세팅 진행

 

2. Android Command-line Tools 설치

- 아래와 같이 Android Studio가 실행되면, More Actions를 클릭한 뒤 SDK Manager 클릭

- SDK Tools 선택

- 아래 이미지와 같이 선택한 뒤 ok 선택

- Dialog가 뜨면 OK 버튼 클릭

- Accept선택 후 Next

3. Android Virtual Devices 설치

앱을 개발시 실제 휴대폰을 연결하여 개발을 진행할 때도 있지만, 대부분의 경우 AVD(Android Virtual Device, 컴퓨터에 가상의 휴대폰을 띄우는 소프트웨어)를 이용하여 개발한다.

- More Actions -> Virtual Device Manager 선택

- Create Virtual Device 선택

cmd 확인 - flutter doctor --android-licenses를 복사해서 실행

실행하면 라이센스에 대한 동의를 여러번 구하는데, y를 입력하고 엔터를 눌러 진행

flutter doctor 를 입력했을 때 아래와 같이 Android toolchain의 좌측에 체크([v]) 되었다면 완료!

'설치메뉴얼' 카테고리의 다른 글

JDK 21 설치 메뉴얼  (0) 2024.08.02
아파치 톰캣 설치하기 ((10.1.xx) 버전)  (1) 2024.07.02
JDBC 설치 및 설정  (0) 2024.06.14