Study/Dart & Flutter

[M1/Flutter] M1 Mac에 Flutter 설치하기

growingtree 2023. 12. 2. 22:28
728x90

 

1. homebrew로 Flutter 설치하기 

brew install flutter

 

더보기

Flutter 설치 시 에러 발생 : It seems there is already a Binary at ~

brew remove dart
brew install --cask flutter

 

설치 후 Flutter 를 커맨드창에 쳤을 때 제대로 실행되면 OK!

 

 

2. Flutter Doctor로 아직 설치안된 프로그램 찾기 

flutter doctor

 

나의 경우, 

Android toolchain 

Xcode

Android Studio 

이 세 개의 문제만 해결하면 끝!

 

 

3. Android Studio 설치하기 

https://developer.android.com/studio

 

Android 스튜디오 및 앱 도구 다운로드 - Android 개발자  |  Android Developers

Android 스튜디오는 Android 앱에 최적화된 통합 개발 환경(IDE)을 앱 빌더에게 제공합니다. 지금 Android 스튜디오를 다운로드하세요.

developer.android.com

1) 사이트 진입 

2) 바로 보이는 하얀색 최신 버전 클릭

3) M1을 사용하면 Apple Chip 버전으로 설치하기 

귀여운 안드로이드 스튜디오 깔아주기

 

설치 후 계속 Next 눌러주고 마지막 약관 동의까지 해주면 안드로이드 스튜디오가 설치된다. 

 

 

안드로이드 스튜디오 홈화면 > More Actions > SDK Manager

 

 

SDK Tools 로 넘어가기 >  Android SDK Command-line Tools 선택 > Apply > 다운로드 완료되면 > OK 

 

4. Android toolchain 허용해주기 

flutter doctor

 

Android toolchain에 보면 몇몇 안드로이드 라이센스가 허용이 안되었다고 뜬다.

flutter doctor --android-licenses

 

 

이후 등장하는 수많은 약관 동의하면 됨 (Y! Y!) 

 

 

5. Xcode : Unable to get list of installed Simulator runtimes 에러 해결

flutter doctor

 

나는 Xcode는 이미 설치되어있었고, 위 에러는 터미널에서 간단히 해결할 수 있다.

구글링 결과 iOS Simulator를 재설치하면 된다고 한다. 

xcodebuild -downloadPlatform iOS

 

 

 

6. Cocoapods 설치하기 

brew install cocoapods

 

flutter doctor로 설치가 완료된걸 확인할 수 있다!

 

야호!!!

 

 

7. Flutter 프로젝트 생성하기 

flutter create "프로젝트명"

 

 

터미널창에 flutter create "프로젝트명" 을 치면 해당 이름을 가진 flutter 프로젝트가 자동으로 생성되고 프로젝트는 하나의 디렉토리로 생성된다. 

 

cd "프로젝트명" && flutter pub get

 

위 명령어를 해석해보면 cd 로 내가 만든 프로젝트 파일로 이동하고 pub get으로 다트의 패키지 의존성을 가져온다. 

 

 

8. Flutter 실행하기 

flutter run

 

Flutter 프로젝트 안으로 들어가서 flutter run을 하게되면 macos로 실행할지 chrome으로 실행할지 뜨는데 1,2 중 아무거나 고르면 된다. 나는 1(macos)로 열기로 했다. 그러면 dock에 플러터 앱이 생기고 실행이 된다

 

빨간 글자에 기죽지마.....

 

 

 

가장 간단한 형태의 default 앱이 실행된다. 

 

 

 

9. VSCODE에서 Flutter 실행하기 

1) extension에서 dartflutter를 찾아 설치한다.

2) 아까만든 프로젝트로 접근 후 폴더 열기

3) lib 디렉토리 안에 있는 main.dart를 실행하면 디폴트 앱이 실행된다. 

 

 

 


참고한 블로그들 (감사합니다) 

 

https://code-boki.tistory.com/105

 

M1 Mac Flutter 앱 만들어보기(feat. homebrew)

Cross Platform Dev(IOS, Android) - Flutter의 장점 Flutter는 실제 Native Code로 컴파일하며 크롬이 사용하는 렌더링 엔진(스키아-Skia)을 사용하므로 실행 시 다트를 변환하지 않는다. 즉 사용자의 디바이스에

code-boki.tistory.com

 

https://velog.io/@k0310kjy/Flutter-%EC%84%A4%EC%B9%98-%EC%98%A4%EB%A5%98-Error-It-seems-there-is-already-a-Binary-at-opthomebrewbindart

 

[Flutter 설치 오류] Error: It seems there is already a Binary at '/opt/homebrew/bin/dart'.

brew로 Flutter를 설치하던 중 발생한 오류이다. Dart를 미리 설치한 후에 Flutter를 설치하면 발생하는 오류인 듯 하다. Dart를 지우고 Flutter를 다시 설치하면 말끔하게 해결 된다.

velog.io

https://stackoverflow.com/questions/77160074/unable-to-get-list-of-installed-simulator-runtimes

 

Unable to get list of installed Simulator runtimes

I am using macOS and I am installing flutter. When I run to 'flutter doctor' I take a error like Doctor summary (to see all details, run flutter doctor -v): [✓] Flutter (Channel stable, 3.13.5,...

stackoverflow.com

 

 

반응형