Win10にてFlutterの開発環境構築ーーFlutter SDK Install（2020年保存版）

Flutter始めました。

めちゃくちゃ人気なフレームワークFlutterでアプリを開発したいんで、しかし、Flutterの開発環境構築に関して面倒くさいと聞いたことがあります。それで、本文は備忘録として作成します。

主に三つの部分を分けています。
●　ダウンロード
●　環境変数の設定
●　依存性確認

じゃ、早速本題に入りましょう。

### ダウンロード
まずは[公式サイト](https://flutter.dev/docs/get-started/install)からWindowsを選択して、
![tempsnip.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/858237/b2e12ab4-3f7e-54bb-39b3-22959da78417.png)
Windowsのインストール画面に遷移して、flutter_windows_1.22.3-stable.zipというリンクをクリックするとダウンロードが開始されます。
![tempsnip2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/858237/b9b7a151-8251-ee86-d92d-0af5c4282219.png)
ダウンロードしたファイルを好きな場所に置いて、右クリックして、ここに解凍をクリックすると解凍されます。
![tempsnip4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/858237/aed6c78b-a2e1-124d-d7d8-3d9583a2db25.png)
解凍した結果はこんな感じとなります。
![1.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/858237/68c8f450-c161-ce62-80c8-ee261f5a769a.png)
それでflutter_windows_1.22.3-stable.zipのファイル削除してもいいです。


### 環境変数の設定
上記flutterのフォルダを開いて、binの子フォルダに入って、下記のパスをコピーして

```
C:\flutter-stabe\flutter\bin
```
左下のWindowsアイコンをクリックして、設定アイコンを押して、
![tempsnip5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/858237/837299ef-09e2-1843-e81c-abde31dedbee.png)
システムを選択して
![tempsnip6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/858237/d295eb98-b3a0-40cb-7733-4191d363842d.png)
バージョン情報をクリックして
![tempsnip7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/858237/2be55504-e6ea-77e7-4a03-379440507678.png)
関連設定下のシステム情報をクリックして、コントロールパネルホームに遷移します。
![tempsnip8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/858237/e43e2250-a753-4e31-ad2c-057ec68fd35d.png)
システムの詳細設定をクリックして、システムのプロパティに遷移します。
![tempsnip9.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/858237/e328641c-d706-8428-fd62-47d3e595c7f6.png)
システムのプロパティにて環境変数をクリックして
![tempsnip10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/858237/c58929c3-f75e-f6ff-6a64-31cf812b0275.png)
システム環境変数にてPathを選択して、編集ボタンを押して、環境変数名の編集ウインドウズをポップアップします。
![tempsnip11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/858237/2dae41a2-6fff-f9de-0169-a71a4b838e6c.png)
新規ボタンを押して、先ほどコピーしたパスを貼り付けて、OKボタンを押します。
![tempsnip12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/858237/cab5659f-be35-0725-488b-2a804943c1b5.png)

Windowsにてコマンドプロンプトを起動して、下記のコマンドで確認しましょう。

```
flutter --version
```
下記のように結果が出ると、正確にインストールされました。

```
Flutter 1.22.3 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 8874f21e79 (9 days ago) • 2020-10-29 14:14:35 -0700
Engine • revision a1440ca392
Tools • Dart 2.10.3
```
### 依存性確認
Flutterの開発環境構築に関して、いくつかの関連ソフトやツールなどをインストール必要があります。
それで、下記のコマンドで依存性を確認しましょう。

```
flutter -doctor
```
今はFlutter SDKをインストールのみ、なので、下記のように結果が出ると大丈夫です。

```
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 1.22.3, on Microsoft Windows [Version 10.0.18363.1139], locale ja-JP)
[X] Android toolchain - develop for Android devices
    X 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/windows#android-setup for detailed instructions).
      If the Android SDK has been installed to a custom location, set ANDROID_SDK_ROOT to that location.
      You may also want to add it to your PATH environment variable.

[!] Android Studio (not installed)
[!] Connected device
    ! No devices available

! Doctor found issues in 3 categories.
```

また、依存ツールなどのインストール手順は次の記事を書くようにします。

以上です。ここまで読んでいただきまして、ありがとうございました。
もし何か質問があれば、遠慮なくコメントしてくださいね。

またね。:grinning: