[Flutter] 데스크톱 앱 환경 구축 for macOS
1. 소개
Flutter 앱을 macOS 환경에서 실행하기 위한 개발 환경의 구축 순서를 정리하고 있습니다.
macOS 환경에서 Flutter 앱을 개발하면서, iOS나 Android 에뮬레이터·실기를 사용하지 않고 그 자리에서 Flutter 앱의 동작 확인이나 디버깅을 할 수 있기 때문에, 매우 편리합니다.
2021/03/04 시점에서 macOS 지원 상황은 베타 버전입니다. 베타 버전이지만 Flutter 2.0 이상은 stable 채널에서도 사용할 수 있습니다!
Linux 환경의 경우 여기
2. 환경 구축의 순서
Flutter SDK 설치
리포지토리에서 clone 한 후 적절한 경로에 배치하고 경로를 통해 둡니다.
$ git clone https://github.com/flutter/flutter
$ sudo mv flutter /usr/local/
$ export PATH=$PATH:/usr/local/flutter/bin
Android Studio 설치(선택 사항)
Android용으로 빌드하거나 Android 에뮬레이터로 동작 확인을 하고 싶은 경우에만 설치해 주세요. 당연히 Android Studio를 설치한 경우에는 작업이 필요하지 않습니다.
htps : //로 ゔぇぺぺr. 안 d로이 d. 코 m / s 츠오 에서 macOS 버전을 다운로드하여 적절한 위치에 두고 설치 스크립트를 두드리십시오.
Android Studio 설치에서 기본적으로 다음을 누르는 느낌입니다.
Xcode 설치
빌드에 Xcode가 필요하므로 스토어에서 설치하십시오.
Flutter 설정
대상 환경을 Host PC(macOS)로 설정합니다. 참고
$ flutter config --enable-macos-desktop
cocoapods 설치
cocoapods는 샘플을 빌드하고 움직이는 것만으로는 불필요합니다만, 플러그인을 추가해 앱을 작성해 가기 위해서는 필수로 필요합니다.
$ sudo gem install cocoapods
지금까지의 상황 확인
다음 명령을 사용하면 flutter를 실행하기 위한 설치 상태를 진단할 수 있습니다. 이번은 샘플을 움직이면 좋기 때문에, 이하의 상태에서도 괜찮습니다.
$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel master, v1.13.1-pre.58, on Mac OS X 10.15.1 19B88, locale ja-JP)
[!] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses
[✓] Xcode - develop for iOS and macOS (Xcode 11.2.1)
[!] Android Studio (version 3.5)
✗ Flutter plugin not installed; this adds Flutter specific functionality.
✗ Dart plugin not installed; this adds Dart specific functionality.
[✓] VS Code (version 1.40.2)
[✓] Connected device (1 available)
! Doctor found issues in 2 categories.
3. 샘플을 실행해 봅니다.
샘플 프로젝트 만들기
$ mkdir sample
$ cd sample
$ flutter create .
실행
$ flutter run -d macos
혹은, 빌드만 실시하고 싶은 경우는 이하의 커멘드를 실행합니다.
$ flutter build macos
4. 데스크탑용 플러그인의 동작 확인
플랫폼에 의존하는 Android/iOS용 플러그인은 데스크탑 환경에서는 사용할 수 없습니다. 따라서 제공된 플러그인을 사용하여 테스트된 샘플은 flutter-desktop-embedding에 있습니다. 이를 참고로 데스크톱용 플러그인을 만드는 방법을 파악할 수 있습니다.
flutter-desktop-embedding 취득
$ git clone https://github.com/google/flutter-desktop-embedding.git
실행
$ cd flutter-desktop-embedding/testbed
$ flutter run
다크 모드도 대응해 그렇습니다↓
Reference
이 문제에 관하여([Flutter] 데스크톱 앱 환경 구축 for macOS), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/kurun_pan/items/9ac5bd6b61fd6081bcf0
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Flutter SDK 설치
리포지토리에서 clone 한 후 적절한 경로에 배치하고 경로를 통해 둡니다.
$ git clone https://github.com/flutter/flutter
$ sudo mv flutter /usr/local/
$ export PATH=$PATH:/usr/local/flutter/bin
Android Studio 설치(선택 사항)
Android용으로 빌드하거나 Android 에뮬레이터로 동작 확인을 하고 싶은 경우에만 설치해 주세요. 당연히 Android Studio를 설치한 경우에는 작업이 필요하지 않습니다.
htps : //로 ゔぇぺぺr. 안 d로이 d. 코 m / s 츠오 에서 macOS 버전을 다운로드하여 적절한 위치에 두고 설치 스크립트를 두드리십시오.
Android Studio 설치에서 기본적으로 다음을 누르는 느낌입니다.
Xcode 설치
빌드에 Xcode가 필요하므로 스토어에서 설치하십시오.
Flutter 설정
대상 환경을 Host PC(macOS)로 설정합니다. 참고
$ flutter config --enable-macos-desktop
cocoapods 설치
cocoapods는 샘플을 빌드하고 움직이는 것만으로는 불필요합니다만, 플러그인을 추가해 앱을 작성해 가기 위해서는 필수로 필요합니다.
$ sudo gem install cocoapods
지금까지의 상황 확인
다음 명령을 사용하면 flutter를 실행하기 위한 설치 상태를 진단할 수 있습니다. 이번은 샘플을 움직이면 좋기 때문에, 이하의 상태에서도 괜찮습니다.
$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel master, v1.13.1-pre.58, on Mac OS X 10.15.1 19B88, locale ja-JP)
[!] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses
[✓] Xcode - develop for iOS and macOS (Xcode 11.2.1)
[!] Android Studio (version 3.5)
✗ Flutter plugin not installed; this adds Flutter specific functionality.
✗ Dart plugin not installed; this adds Dart specific functionality.
[✓] VS Code (version 1.40.2)
[✓] Connected device (1 available)
! Doctor found issues in 2 categories.
3. 샘플을 실행해 봅니다.
샘플 프로젝트 만들기
$ mkdir sample
$ cd sample
$ flutter create .
실행
$ flutter run -d macos
혹은, 빌드만 실시하고 싶은 경우는 이하의 커멘드를 실행합니다.
$ flutter build macos
4. 데스크탑용 플러그인의 동작 확인
플랫폼에 의존하는 Android/iOS용 플러그인은 데스크탑 환경에서는 사용할 수 없습니다. 따라서 제공된 플러그인을 사용하여 테스트된 샘플은 flutter-desktop-embedding에 있습니다. 이를 참고로 데스크톱용 플러그인을 만드는 방법을 파악할 수 있습니다.
flutter-desktop-embedding 취득
$ git clone https://github.com/google/flutter-desktop-embedding.git
실행
$ cd flutter-desktop-embedding/testbed
$ flutter run
다크 모드도 대응해 그렇습니다↓
Reference
이 문제에 관하여([Flutter] 데스크톱 앱 환경 구축 for macOS), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/kurun_pan/items/9ac5bd6b61fd6081bcf0
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
$ mkdir sample
$ cd sample
$ flutter create .
$ flutter run -d macos
$ flutter build macos
플랫폼에 의존하는 Android/iOS용 플러그인은 데스크탑 환경에서는 사용할 수 없습니다. 따라서 제공된 플러그인을 사용하여 테스트된 샘플은
flutter-desktop-embedding에 있습니다. 이를 참고로 데스크톱용 플러그인을 만드는 방법을 파악할 수 있습니다.flutter-desktop-embedding 취득
$ git clone https://github.com/google/flutter-desktop-embedding.git
실행
$ cd flutter-desktop-embedding/testbed
$ flutter run
다크 모드도 대응해 그렇습니다↓
Reference
이 문제에 관하여([Flutter] 데스크톱 앱 환경 구축 for macOS), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kurun_pan/items/9ac5bd6b61fd6081bcf0텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
