Flutterを勉強しようと思い、公式ドキュメントを読んで学習したことをアウトプットしていきます。
Get Startを読みながら開発環境構築を行います。
Homebrewを使うことでインストーラーなどを使用せず簡単に開発環境が構築できます。
やりたいこと
MacにFlutterの開発環境を構築します。
環境情報
macOS Big Sur 11.3.1
前提条件
Homebrewがインストールされていること。
Flutterのインストール
公式ドキュメントだとSDKのzipファイルをダウンロードして、解凍して、、、とありますが、Homebrewを使ってインストールできるようなので、Homebrewで使用してインストールします。
% brew install flutterFlutterのバージョンを確認します。
% flutter --version
╔════════════════════════════════════════════════════════════════════════════╗
║ A new version of Flutter is available!
║
║
║
║ To update to the latest version, run "flutter upgrade".
║
╚════════════════════════════════════════════════════════════════════════════╝
Flutter 2.0.6 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 1d9032c7e1 (3 weeks ago) • 2021-04-29 17:37:58 -0700
Engine • revision 05e680e202
Tools • Dart 2.12.3新しいバージョンがあるとのことなので、アップグレードします。
% flutter upgrade
(省略)
Flutter 2.2.0 • channel stable • https://github.com/flutter/flutter.git
Framework • revision b22742018b (4 days ago) • 2021-05-14 19:12:57 -0700
Engine • revision a9d88a4d18
Tools • Dart 2.13.0自分の環境がFlutterに適合しているか確認します。
% flutter doctor
[✓] Flutter (Channel stable, 2.2.0, on macOS 11.3.1 20E241 darwin-x64, locale ja-JP)
[✗] Android toolchain - develop for Android devices
✗ Unable to locate Android SDK.
Install Android Studio from: https://developer.android.com/studio/index.html
On first launch it will assist you in installing the Android SDK components.
(or visit https://flutter.dev/docs/get-started/install/macos#android-setup for detailed
instructions).
If the Android SDK has been installed to a custom location, please use
`flutter config --android-sdk` to update to that location.
[✗] Xcode - develop for iOS and macOS
✗ Xcode installation is incomplete; a full installation is necessary for iOS development.
Download at: https://developer.apple.com/xcode/download/
Or install Xcode via the App Store.
Once installed, run:
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
✗ CocoaPods not installed.
CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds
to your plugin usage on the Dart side.
Without CocoaPods, plugins will not work on iOS or macOS.
For more info, see https://flutter.dev/platform-plugins
To install see https://guides.cocoapods.org/using/getting-started.html#installation for instructions.
[✗] Chrome - develop for the web (Cannot find Chrome executable at /Applications/Google
Chrome.app/Contents/MacOS/Google Chrome)
! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[!] Android Studio (not installed)
[✓] VS Code (version 1.54.2)
[!] Connected device
! No devices availableAndroid SDKもAndroid StudioもXcodeもChromeもインストールされていないとのことなので、順番にインストールします。
Android Studio(Android SDK)のインストール
Android Studioをインストール後、Android Studio.appを起動しセットアップを行います。
Android SDKも一緒にインストールされます。
% brew install android-studioXCodeのインストール
Apple Storeからダウンロードしてインストールします。
CocoaPodsのインストール
% brew install cocoapodsGoogle Chromeのインストール
% brew install google-chromeVisual Studio Codeのインストール
% brew install visual-studio-code開発環境が整っているかチェック
インストールが完了したのでもう一度環境をチェックします。
% flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 2.2.0, on macOS 11.3.1 20E241 darwin-x64, locale ja-JP)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[✓] Xcode - develop for iOS and macOS
[✓] Chrome - develop for the web
[✓] Android Studio (version 4.2)
[✓] VS Code (version 1.54.2)
[✓] Connected device (1 available)XCode以外はHomebrewですべてインストールすることができました。
コメント