Search

Mac Flutter 개발 환경 구축하기

Created time
2022/03/18 09:45
Modified
2022/11/14 12:59
Tags
flutter
여기서는 macOS에서 안드로이드 스튜디오를 이용하여 크로스 플랫폼 앱(Android, iOS, Web, Desktop)을 개발하기 위해서 개발 환경을 구축합니다.

구축 환경

OS에서

•
macOS Monterey M1 Pro

IDE를 사용하여

•
Android Studio

Target Platform을 만드려고 합니다.

•
Android
•
iOS

1. Android Studio 설치

아래 링크로 들어가서 설치 파일을 다운로드 받습니다.
developer.android.com
https://developer.android.com/studio
아래 링크를 통해서 설치를 진행합니다.
developer.android.com
https://developer.android.com/studio/install?hl=ko

2. Flutter SDK 설치

아래 링크로 들어가서 Stable Channerl의 원하는 버전 SDK zip 파일을 다운로드합니다.
Flutter SDK releases
The Stable channel contains the most stable Flutter builds. See Flutter's channels for details. Installation bundles are not available for master. However, you can get the SDK directly from GitHub repo by cloning the master channel, and then triggering a download of the SDK dependencies: For additional details on how our installation bundles are structured, see Installation bundles.
https://docs.flutter.dev/development/tools/sdk/releases?tab=macos
SDK 파일의 압축을 풀고, 환경 변수로 등록하고 싶은 위치로 디렉토리를 옮겨줍니다.
## 현재 macOS에서 제공하고 있는 Shell 확인 $ cat /etc/shells ## 현재 사용하고 있는 Shell 확인 $ echo $SHELL /bin/zsh ## zsh 기준 ## 현재 Flutter 환경 구성이 안되어있는 상태 $ flutter --version zsh: command not found: flutter ## zshrc $ vim ~/.zshrc ## 파일 최하단에 추가하고 저장 export PATH=$PATH:~/flutter/bin ## 쉘 환경 설정 파일 재실행 적용 $ source ~/.zshrc ## $ flutter --version Flutter 2.10.3 • channel stable • https://github.com/flutter/flutter.git Framework • revision 7e9793dee1 (2 weeks ago) • 2022-03-02 11:23:12 -0600 Engine • revision bd539267b4 Tools • Dart 2.16.1 • DevTools 2.9.2 ... ## 모든 요소가 [✓]가 될 때까지 문제를 해결합니다. ## No issues found!가 나오면 됩니다. $ flutter doctor Doctor summary (to see all details, run flutter doctor -v): [✓] Flutter (Channel stable, 2.10.3, on macOS 12.2.1 21D62 darwin-arm, locale en-KR) [✓] Android toolchain - develop for Android devices (Android SDK version 32.1.0-rc1) [✓] Xcode - develop for iOS and macOS (Xcode 13.3) [✓] Chrome - develop for the web [✓] Android Studio (version 2021.1) [✓] IntelliJ IDEA Ultimate Edition (version 2021.3.1) [✓] VS Code (version 1.63.2) [✓] Connected device (1 available) [✓] HTTP Host Availability • No issues found!
Bash
복사

3. Flutter & Dart Plugin 설치

Android Studio를 실행시키고, Plugin “Flutter”를 설치합니다.
Plugin “Flutter”을 설치하면, Plugin “Dart”도 같이 설치할지 묻는데 설치해줍니다.

4. Flutter Project 생성

“New Flutter Project”를 통해서 프로젝트 생성을 시작합니다.
“Flutter”를 선택하고, “Next”를 선택합니다.
“Project name”, “Description”, “Organization”을 작성하고, 나머지도 원하는데로 선택하고, “Finish”를 선택합니다.
이제 생성된 프로젝트를 확인할 수 있습니다.

마무리

여기까지 Flutter 환경을 구성하고 Android Studio를 통한 Flutter Project 생성까지 마무리하겠습니다.