Android/Flutter

Flutter 개발환경 설치

Nellie Kim 2023. 8. 17. 15:06
728x90

1. Flutter SDK 설치하기

 

 

https://docs.flutter.dev/get-started/install

 

Install

Install Flutter and get started. Downloads available for Windows, macOS, Linux, and ChromeOS operating systems.

docs.flutter.dev

 

 

 

C드라이브에 압축 풀기.

 

 

 

 

2. Flutter 환경변수 설정하기

 

'환경'으로 검색

 

'환경변수' 클릭

 

Path - 편집 클릭

 

찾아보기 클릭

C:\flutter\bin 찾아서 클릭하고 확인

 

맨위에 환경변수가 잘 등록되었으면 연이어 확인클릭하고 환경변수 등록 완료!

 

3. 안드로이드 스튜디오 설치

https://developer.android.com/studio/install?hl=ko 

 

Android 스튜디오 설치  |  Android Developers

Windows, macOS 또는 Linux에서 Android 스튜디오를 설정 및 설치합니다.

developer.android.com

위의 설치 매뉴얼보고 따라하면 된다.

 

https://developer.android.com/studio

 

Download Android Studio & App Tools - Android Developers

Android Studio provides app builders with an integrated development environment (IDE) optimized for Android apps. Download Android Studio today.

developer.android.com

안드로이드 스튜디오 다운로드 링크

 

그냥 쭉쭉 다음을 누르면 설치가 된다.

 

안드로이드 스튜디오 실행하고

 

Flutter / Dart 플러그인 설치하기

flutter 설치하면 dart도 자동으로 설치할거냐고 묻는다. 설치해주면 된다.

재실행하고 켜주면 적용완료.

4. SDK 환경변수 설정

https://haruple.tistory.com/154

 

안드로이드 스튜디오 SDK 환경변수 설정하는 방법 (SDK 폴더 경로)

안녕하세요, 하루플스토리 입니다. SDK 환경변수 설정을 하지 않았다면 안드로이드 스튜디오를 다루는 중 여러 문제에 빠질 수 있습니다. 저 같은 경우는 가상 디바이스 애뮬레이터 실행이 되지

haruple.tistory.com

이거 따라함 

 

 

 

 

4. Visual Studio Code 설치 및 실행하기

https://code.visualstudio.com/

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

자신의 운영체제에 맞게 설치한다.

나는 이미 설치되어 있어서 바로 사용했다.

 

 

왼쪽에 확장 버튼 클릭 - Flutter 검색하여 설치

 

 

Ctrl + Shift + P 키를 눌러 커맨트 창 키기 - Flutter입력 - Flutter: Run Flutter Doctor 클릭

프로젝트 실행 전에 체크해주는 툴이다.

체크 표시와 느낌표 표시가 있고, 느낌표 표시가 있는 부분은 추가 설치를 해줘야 한다.

 

doctor tool 실행 중...

 

 

Android toolchain에 에러가 났다.

 

아래에서 두번째줄에 flutter doctor --android-licenses 를 실행시키라고 한다.

터미널에서 입력해주자.

 

 

 


출처

https://parkjh7764.tistory.com/161

 

[Flutter] 플러터 개발환경 구축 및 세팅 / Flutter 환경변수 설정

Flutter 개발환경 구축하기 1. 윈도우 플러터 개발 환경 구축 (1) 플러터 SDK 다운받기 아래의 플러터 홈페이지에 접속해 플러터 SDK를 다운받는다. https://docs.flutter.dev/get-started/install Install Install Flutte

parkjh7764.tistory.com

https://parkjh7764.tistory.com/171

 

[Flutter] 플러터 vscode 개발 환경 구축 / 플러터 비주얼스튜디오 개발 환경 / 플러터 vscode 애뮬레이

VSCode에서 Flutter를 사용하기에 앞서, Flutter SDK 설치와 설정이 필요하다. 해당 부분은 아래의 글을 참고하고 설치가 완료되었다면 VSCode 설치를 진행한다. [Flutter] 플러터 개발환경 구축 및 세팅 [Flu

parkjh7764.tistory.com

 

https://haruple.tistory.com/154

 

안드로이드 스튜디오 SDK 환경변수 설정하는 방법 (SDK 폴더 경로)

안녕하세요, 하루플스토리 입니다. SDK 환경변수 설정을 하지 않았다면 안드로이드 스튜디오를 다루는 중 여러 문제에 빠질 수 있습니다. 저 같은 경우는 가상 디바이스 애뮬레이터 실행이 되지

haruple.tistory.com

https://velog.io/@completed1991/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A4-%EC%84%A4%EC%B9%98-%EB%B0%8F-%ED%99%98%EA%B2%BD%EB%B3%80%EC%88%98-%EC%85%8B%ED%8C%85