Windows10でFlutterをインストールして使えるようになるまで

　Windows10でFlutterをインストールして使えるようになるまでの手順をまとめてみました。久々に技術系の記事を書きます。

環境構築

Windows install - Flutterに従って、Flutterの環境構築を行います。

前提として、Windows PowerShell 5.0以降、Git for Windows 2.xが導入されているものとします。

FlutterSDKのダウンロード

まず、上記サイトにアクセスして、FlutterSDKをダウンロードします。以下の青いボタンを押してSDKをダウンロードします。

f:id:swamptk:20191109123459p:plain

その後、ダウンロードしたzipファイルを任意の場所で解凍（C:\Program Files\以下などはダメだそうです）

解凍したflutterフォルダの「flutter_console.bat」を実行して以下のような状態になればOKです。

「Windows によって PC が保護されました」という青い画面が出てくる場合もありますが、無視して詳細情報を押し実行して問題ありません。

f:id:swamptk:20191109125027p:plain — flutter_console.batを実行した結果

Pathを通す

コマンドプロンプトやPowerShellなどでflutterコマンドを使うために、Pathを通します。

「コントロールパネル」→「システムとセキュリティ」→「システム」→「システムの詳細設定」→「環境変数」で環境変数の設定画面を開きます。

環境変数「Path」に「解凍したflutterフォルダのPath¥bin」を入力してOKを押してください。

f:id:swamptk:20191109130746p:plain — 環境変数設定画面

flutter doctorを起動する

コマンドプロンプトなどのコンソールで「flutter doctor」を実行します。

f:id:swamptk:20191109133149p:plain — flutter doctorの実行結果（1回目）

たくさんエラーが出ているので1つ1つ解消していきます。

Android Studioをインストールする

Download Android Studio and SDK tools | Android Developersから最新のAndroid Studioをインストールします。

ダウンロードしたexeファイルを実行すればAndroid Studioが導入できます。

そして、Android Studioを起動します。

もし、Proxy環境で起動する場合は、以下のサイトを参考にして設定してください。

qiita.com

「File」→「Settings」→「Plugins」を選択し、検索窓に「Flutter」と入れてください。

f:id:swamptk:20191109142441p:plain — flutter Pluginの追加

先頭に出てきている「Flutter」のinstallボタンを押します。

指示に従えば、Flutterのプラグインをインストールすることができます。

そして、「flutter doctor --android-licenses」をコマンドプロンプトで実行してください。

Proxyの設定

Proxy環境で動かす場合は、Proxy設定を行う必要があります。

コマンドプロンプトで以下のように設定します。

$ set http_proxy=username:password@hostname:port
$ set https_proxy=username:password@hostname:port

つまったところ

基本的に各環境で出てくるエラーは違います。

例として私の環境でflutter doctorして出たエラーを紹介します。

[!] Android toolchain - develop for Android devices (Android SDK version 27.0.3)
    X Flutter requires Android SDK 28 and the Android BuildTools 28.0.3
      To update using sdkmanager, run:
        "C:\Users\ultra0\AppData\Local\Android\sdk\tools\bin\sdkmanager" "platforms;android-28" "build-tools;28.0.3"
      or visit https://flutter.dev/setup/#android-setup for detailed instructions.

このエラーは、今、Android SDK version 27.0.3だからAndroid SDK version 28.0.3にインストールしなさいということです。

「File」→「Settings」→「System Settings」→「Android SDK」→「SDK Tools」を選択します。