Flutterインストール

Flutterインストール #

ダウンロードと展開 #

Flutter Windows からflutter_windows_3.0.4-stable.zipをダウンロードして C:\flutterに展開する。

Pathの追加 #

Windowsのスタートボタンをおしてenvと入力。環境変数の編集画面を出す。

Pathを編集して、C:\flutter\binを追加する。

コマンドラインで where flutter dart として表示が出ることを確認する。

flutter doctor #

コマンドラインでflutter doctorを実行する。

Android toolchain command line toolを設定する。 #

Android StudioのFile->Project StructureのメニューからSDK Locationを確認する。

Android StduioからCommand line toolをダウンロードして SDK Location/cmdline-toolに展開する。

latestディレクトリを作り、展開した中身(bin, lib, NOTICE.txt, source.properties)をlatestディレクトリに移動する。

flutter doctor –android-licensesを実行する。

参照：command line toolインストール方法

Visual Studioのインストール #

ダウンロード

C++によるデスクトップ開発をインストールする

2022/7/9現在 #

flutter doctorはvswhereコマンドでVisual Studioがインストールされているか判断するが、vswhereのUTF-8エンコーディングのバグによりflutter doctorはVisual Studioのインストールを検出できない。

対策： ここからvswhere.exeをダウンロードして差し替える。 場所はC:\Program Files (x86)\Microsoft Visual Studio\Installer\vswhere.ext

flutter doctor -vの結果 # 

flutter doctor -v
[√] Flutter (Channel stable, 3.0.4, on Microsoft Windows [Version 10.0.19044.1766], locale ja-JP)
    • Flutter version 3.0.4 at C:\flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 85684f9300 (8 days ago), 2022-06-30 13:22:47 -0700
    • Engine revision 6ba2af10bb
    • Dart version 2.17.5
    • DevTools version 2.12.2

[√] Android toolchain - develop for Android devices (Android SDK version 32.0.0)
    • Android SDK at C:\Users\loopi\AppData\Local\Android\sdk
    • Platform android-32, build-tools 32.0.0
    • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 11.0.12+7-b1504.28-7817840)
    • All Android licenses accepted.

[√] Chrome - develop for the web
    • Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe

[√] Visual Studio - develop for Windows (Visual Studio Community 2022 17.2.5)
    • Visual Studio at C:\Program Files\Microsoft Visual Studio\2022\Community
    • Visual Studio Community 2022 version 17.2.32616.157
    • Windows 10 SDK version 10.0.19041.0

[√] Android Studio (version 2021.2)
    • Android Studio at C:\Program Files\Android\Android Studio
    • Flutter plugin can be installed from:
       https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
       https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.12+7-b1504.28-7817840)

[√] VS Code (version 1.68.1)
    • VS Code at C:\Users\loopi\AppData\Local\Programs\Microsoft VS Code
    • Flutter extension can be installed from:
       https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

[√] Connected device (3 available)
    • Windows (desktop) • windows • windows-x64    • Microsoft Windows [Version 10.0.19044.1766]
    • Chrome (web)      • chrome  • web-javascript • Google Chrome 103.0.5060.114
    • Edge (web)        • edge    • web-javascript • Microsoft Edge 103.0.1264.49

[√] HTTP Host Availability
    • All required HTTP hosts are available

• No issues found!

VS Code #

Flutter Extentionをインストールする。

F1をしてFlutter: Run Flutter Doctorを実行して問題ないことを確認する。