こんにちは、lisです!
最近ひょんなことからFlutterをいじくることに。
ということでセットアップしたときのメモを。
- Android Studioのインストール
- Flutterのインストール
- flutter doctor
- Android toolchainを解決する
- Visual Studioの解決する
- 参考
- あとがき
Android Studioのインストール
インストール済みなので割愛。
ぼくはChocolateryでインストールしました。
> choco install androidstudio
Flutterのインストール
Chocolatery GUIから、「Install Advanced」で「Version: Latest version」をインストール。
> choco install flutter
「C:\tools\flutter\bin」にインストールされていました。
PATHは勝手に設定してくれていたので通っていました。
C:\>flutter --version Flutter 2.10.2 • channel stable • https://github.com/flutter/flutter.git Framework • revision 097d3313d8 (4 weeks ago) • 2022-02-18 19:33:08 -0600 Engine • revision a83ed0e5e3 Tools • Dart 2.16.1 • DevTools 2.9.2
flutter doctor
開発環境の状況チェックを行います。
C:\>flutter doctor ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Warning ────────────────────────────────────────────────────────────────────────────── Your Flutter application is created using an older version of the Android embedding. It is being deprecated in favor of Android embedding v2. Follow the steps at [https://flutter.dev/go/android-project-migration:embed:cite] to migrate your project. You may also pass the --ignore-deprecation flag to ignore this check and continue with the deprecated v1 embedding. However, the v1 Android embedding will be removed in future versions of Flutter. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ The detected reason was: No `C:\android\AndroidManifest.xml` file ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Doctor summary (to see all details, run flutter doctor -v): [√] Flutter (Channel stable, 2.10.2, on Microsoft Windows [Version 10.0.19044.1586], locale ja-JP) [!] Android toolchain - develop for Android devices (Android SDK version 31.0.0) X cmdline-tools component is missing Run `path/to/sdkmanager --install "cmdline-tools;latest"` See https://developer.android.com/studio/command-line for more details. X Android license status unknown. Run `flutter doctor --android-licenses` to accept the SDK licenses. See https://flutter.dev/docs/get-started/install/windows#android-setup for more details. [√] Chrome - develop for the web [!] Visual Studio - develop for Windows (Visual Studio Community 2019 16.11.2) X Visual Studio is missing necessary components. Please re-run the Visual Studio installer for the "Desktop development with C++" workload, and include these components: MSVC v142 - VS 2019 C++ x64/x86 build tools - If there are multiple build tool versions available, install the latest C++ CMake tools for Windows Windows 10 SDK [√] Android Studio (version 2021.1) [√] VS Code, 64-bit edition (version 1.65.2) [√] Connected device (3 available) [√] HTTP Host Availability ! Doctor found issues in 2 categories.
「[!]」がNG箇所ですが、2つ出ています。
「Android toolchainは大事そうだからこれだけやればOKかな!」
と思ったのですが、VSCodeで開発するうえで「[!] Visual Studio」の方も解決する必要があったので、両方解決していきます。
Android toolchainを解決する
まずはAndroid Studioで必要なものをインストールします。
- Android Studioの設定を開く
- Appearance & Behavior > System Settings > Android SDK
- SDK Toolsタブ
- 「☑Android SDK Command-line Tools (latest)」にチェックしてOK→インストール
インストール後、flutter doctor --android-licenses
を実行。
全て「y」でAcceptしていきます。
C:\>flutter doctor --android-licenses ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Warning ────────────────────────────────────────────────────────────────────────────── Your Flutter application is created using an older version of the Android embedding. It is being deprecated in favor of Android embedding v2. Follow the steps at [https://flutter.dev/go/android-project-migration:embed:cite] to migrate your project. You may also pass the --ignore-deprecation flag to ignore this check and continue with the deprecated v1 embedding. However, the v1 Android embedding will be removed in future versions of Flutter. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ The detected reason was: No `C:\android\AndroidManifest.xml` file ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 5 of 7 SDK package licenses not accepted. 100% Computing updates... Review licenses that have not been accepted (y/N)? y 1/5: License android-googletv-license: --------------------------------------- ...
改めてflutter doctor実行。
C:\>flutter doctor ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Warning ────────────────────────────────────────────────────────────────────────────── Your Flutter application is created using an older version of the Android embedding. It is being deprecated in favor of Android embedding v2. Follow the steps at [https://flutter.dev/go/android-project-migration:embed:cite] to migrate your project. You may also pass the --ignore-deprecation flag to ignore this check and continue with the deprecated v1 embedding. However, the v1 Android embedding will be removed in future versions of Flutter. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ The detected reason was: No `C:\android\AndroidManifest.xml` file ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Doctor summary (to see all details, run flutter doctor -v): [√] Flutter (Channel stable, 2.10.2, on Microsoft Windows [Version 10.0.19044.1586], locale ja-JP) [√] Android toolchain - develop for Android devices (Android SDK version 31.0.0) [√] Chrome - develop for the web [!] Visual Studio - develop for Windows (Visual Studio Community 2019 16.11.2) X Visual Studio is missing necessary components. Please re-run the Visual Studio installer for the "Desktop development with C++" workload, and include these components: MSVC v142 - VS 2019 C++ x64/x86 build tools - If there are multiple build tool versions available, install the latest C++ CMake tools for Windows Windows 10 SDK [√] Android Studio (version 2021.1) [√] VS Code, 64-bit edition (version 1.65.2) [√] Connected device (3 available) [√] HTTP Host Availability ! Doctor found issues in 1 category.
「Android toolchain」がOK出ました!
Visual Studioの解決する
VSCodeで実行するうえで、Visual Studioの項目も解決していきます。
Visual Studioを未インストールの場合は、ここからCommunityをダウンロードしてインストール。
https://visualstudio.microsoft.com/ja/downloads/
Visual Studio 2019はインストール済だったので、ぼくはこれを使っていきます。
Visual Studioインストーラーを実行して、インストール済みだったVisual Studio 2019の「変更ボタン」からこれらを追加していきます。
flutter doctorでは
[!] Visual Studio - develop for Windows (Visual Studio Community 2019 16.11.2) X Visual Studio is missing necessary components. Please re-run the Visual Studio installer for the "Desktop development with C++" workload, and include these components: MSVC v142 - VS 2019 C++ x64/x86 build tools - If there are multiple build tool versions available, install the latest C++ CMake tools for Windows Windows 10 SDK
と出ていたので、言及されている
- MSVC v142 - VS 2019 C++ x64/x86 build tools
- C++ CMake tools for Windows
- Windows 10 SDK
の3つをインストールする。
個別コンポーネントから下記をチェックしてインストールしてきます。
ちなみに検索窓からキーワード言われると楽ちん。
- MSVC v142 - VS 2019 C++ x64/x86 ビルドツール (最新)
- Windows 用 C++ CMake ツール
- Windows 10 SDK (最新に更新: 2022/03/18時点「10.0.20348.0」)
インストール完了後、flutter doctorを再実行。
>flutter doctor Doctor summary (to see all details, run flutter doctor -v): [√] Flutter (Channel stable, 2.10.2, on Microsoft Windows [Version 10.0.19044.1586], locale ja-JP) [√] Android toolchain - develop for Android devices (Android SDK version 31.0.0) [√] Chrome - develop for the web [√] Visual Studio - develop for Windows (Visual Studio Community 2019 16.11.2) [√] Android Studio (version 2021.1) [√] VS Code, 64-bit edition (version 1.65.2) [√] Connected device (3 available) [√] HTTP Host Availability • No issues found!
全てクリアしました。
参考
コチラを参考にしました。ありがとうございました!
docs.flutter.dev qiita.com qiita.com
あとがき
Flutterのインストールとセットアップでした!
とりあえずこれで開発環境のベースは準備できました。