Flutter環境を構築する際にエラーが出たので解消してみた


Flutterの環境構築は公式ドキュメント通りに進めていくとできたのですがその途中で
エラーが出たのでその解消手順を書いていこうと思います。

# 実行環境
- macOS Mojave(バージョン 10.14.6)
- Xcode 11.3.1
- Android Studio (version 3.5)
- VS Code (version 1.41.1)

## そもそも使用するPCでFlutter使えるのかどうか確認
### 1.PCのスペック
- macOS（64ビット）
- ディスクの空き容量：2.8 GB（Visual StudioやAndroid Studioなど入れるものを除いて）

### 2.以下のコマンドラインツールが使えることを確認する
##### ■ターミナルにて確認  
以下のコマンドを実行して `command not found` でなければ基本的にインストール済みです！
- bashの確認： `bash -version`
- curlの確認： `curl --version`
- git 2.xの確認： `git --version`
- mkdirの確認： `mkdir test`
- whichの確認： `which test`
- rmの確認： `rm -r test`
- unzipの確認： `unzip -v`


```terminal
user$ bash --version
GNU bash, version 3.2.57(1)-release (x86_64-apple-darwin18)
Copyright (C) 2007 Free Software Foundation, Inc.
```

##### ■もし `command not found` と表示された場合
　`homebrew` などでインストールしてください（やり方は今回省略）


# エラーの解消手順
基本的に公式の手順通りをそのまま進めていたのですがその途中でエラーが出ていたのでそちらを解消していきます。

公式ドキュメント：https://flutter.dev/docs/get-started/install/macos

ターミナルで`flutter doctor` を実行するとエラー箇所に、「✗」と「!」が表示されます。
以下が実行結果となりますが全部で５つ出ていました。。
そちらを解消していきます！

```
    ! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
[✓] Xcode - develop for iOS and macOS (Xcode 11.3.1)
[!] Android Studio (version 3.5)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
[!] VS Code (version 1.41.1)
    ✗ Flutter extension not installed; install from
      https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[!] Connected device
    ! No devices available
```

■1つ目： Android licensesが許諾されていないです。

```
Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
```

ターミナルで以下のコマンドを実行する
以下のコマンドを実行後に規約が出るので読んで問題なければ「y」を押して進んで行きましょう！

```terminal
$ flutter doctor --android-licenses
```


■２つ目： Android StudioにFlutter pluginがインストールされていないです。

```
Flutter plugin not installed; this adds Flutter specific functionality.
```

Android Studio から Flutter pluginをインストールします
Android Studio > Preferences > Plugins

![スクリーンショット 2020-02-06 14.30.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/580558/7fc8de5f-20ae-0507-66b0-e8a40beba5b2.png)


■3つ目： Android StudioにDart pluginがインストールされていないです。

```
✗ Dart plugin not installed; this adds Dart specific functionality.
```

Android Studio から Dart pluginをインストールします
Android Studio > Preferences > Plugins 

![スクリーンショット 2020-02-06 14.33.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/580558/31efe9fa-fbe9-edfd-2be2-7a1dbb1f3cca.png)

(New and Updated)show All　を押すと表示されるので `Dart` をインストールします。

![スクリーンショット 2020-02-06 14.33.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/580558/136c1a17-1e44-1a1e-2b87-354d1ab0a7e6.png)


■4つ目： VS CodeにFlutter extensionがインストールされていないです。

```
✗ Flutter extension not installed; install from
https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
```
VS Code > EXENSIONS 

検索ボックスに「Flutter」と入力して `Flutter` をインストールしましょう

<img width="1136" alt="スクリーンショット 2020-02-06 14.59.11.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/580558/dbddf0c7-b775-7f0e-6293-566652ad7523.png">

■5つ目： デバイスが接続されていません。

```
[!] Connected device
    ! No devices available
```
デバイスをPCに接続したりAndroid StudioまたはXcodeにてエミュレーターを立ち上げることで解決します。


___


これでもう一度 `flutter doctor` を実行してみると・・・

```
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.12.13+hotfix.7, on Mac OS X 10.14.6 18G103, locale ja-JP)
 
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
[✓] Xcode - develop for iOS and macOS (Xcode 11.3.1)
[✓] Android Studio (version 3.5)
[✓] VS Code (version 1.41.1)
[✓] Connected device (2 available)

• No issues found!
```

エラーが解消されておりました！これでFlutterのプロジェクトを作成して `flutter run` を実行すると
デバッグできましたー！！