Ubuntu18.04でFlutterの開発環境セットアップ

# はじめに
先日、OSを再インストールしてFlutterの開発環境がなくなったのでセットアップし直すことになりました。
せっかくなので、やったことを書いておこうと思います。
（基本、[公式](https://flutter.dev/)の指示に従うだけです、すいません。。）

# FlutterSDKのインストール
まずは、[FlutterSDK](https://flutter.dev/docs/get-started/install/linux)をインストールしましょう。
System requirementsってことで「こんなのいりますよ、ディスクこんなけいりますよ」って書いてあります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/ab6b6819-48e4-b22a-fe27-f3c42dcb65ba.png)
はいはいって感じで、次に進みます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/0d48cfd2-12b9-ca7e-fbf8-4311d0a525c6.png)
FlutterSDKのtarファイルをダウンロードして、展開してくださいってありますね。
展開する場所なんかは自由でいいでしょう。あるいはgithubから引っ張ってきてもいいようです。
自分はhome直下に展開しました。

```:tarの展開
cd
tar xf ~/Downloads/flutter_linux_v1.12.13+hotfix.9-stable.tar.xz
```
# FlutterのPATHを通す
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/f6900436-61e0-284d-1785-3a225b8222c1.png)
flutterをコマンドとしてつかうためにpathを通します。永久的にpathを通すなら`Update your path`を見ろとのことで、見にいくと、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/7a1362f4-594d-70de-9487-83051512108b.png)
home直下の.bashrcに記述が必要そうです。
[PATH_TO_FLUTTER_GIT_DIRECTORY]は今回はhome直下なので`$HOME`とします。
それを書いたら、`source ~/.bashrc`で更新して`which flutter`で確認できるようですね。

```:.bashrcに追加
# flutter
export PATH="$PATH:$HOME/flutter/bin"
```
```:pathを反映
source ~/.bashrc
which flutter #flutterのpathが出力される
```
# flutter doctor
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/a3e12592-3274-2816-37e6-257883bb77d3.png)
必要に応じてバイナリをダウンロードすることがあるので、先にしとこうみたいなノリです。
オプションなので無視しました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/ea687761-9413-6fb1-5101-54ac7f5e413f.png)
`flutter doctor`コマンドで環境の依存関係とかチェックしてくれるみたいです。
とりあえず実行してみます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/0372948a-4955-8801-fbcf-fa76b541967a.png)
いろいろ言われてますね。
１つめはAndriodSDKがない、2つめはAndriodStudioがない、最後はデバッグ用のデバイスがPCに繋がってないとのことです。
# Android Studioのインストール
とにかく、太字で言われてる[Android Studio](https://developer.android.com/studio)をインストールしましょう。インストールについては[flutter公式のAndroid Setup](https://flutter.dev/docs/get-started/install/linux#android-setup)にも書いてあります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/888fe61c-339f-260f-249b-86396947a499.png)
Andriod Studioにいってdownloadします（執筆時点でバージョンは3.6.2）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/b75c4b84-6c4a-7509-f2e8-ff12b5aec7bb.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/f0d154bf-3f78-c0f0-df27-6143600bc7cf.png)
同意します。
flutterSDk同様、tarファイルがダウンロードされるので、homeに展開します。
そのあと、android-studioを起動します。

```:android-studioのインストール
cd
tar xf ~/Downloads/android-studio-ide-192.6308749-linux.tar.gz
cd android-studio/bin
./studio.sh
```
するとsetup-wizardがでてきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/6f0f1b12-2aff-ac6a-896b-507de290a23a.png)
nextでstandardセットアップ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/6f426d0a-a5f9-d999-6f56-8d885f5b95b1.png)
テーマを決めて
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/d405c97f-98cd-1a96-d14a-bac4624e50ad.png)
SDKのインストール先はデフォルトにしました
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/51469385-4770-3ebf-e86b-dd8fed39f0d7.png)
設定を確認したら、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/e8e3aa4c-1980-1e57-7aa3-69b88fcaf1f1.png)
インストールを開始します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/ac4ded0b-4a1e-b212-36e3-952210324094.png)
最後の画面で言われているのはエミュレータでアプリを起動するのにKVMってのがいるよ〜てアナウンスです。もし、android端末がない人はエミュレータで起動すると思うのでKVMのインストールが必要になると思います。
また、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/12dc4693-a082-7e24-acbc-943f27cf4bb3.png)
ここで言われているように、android-studioが3.6以上ならちょっと古いSDKToolsも必要みたいですね。画面の指示に従いapplyします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/8df96ef1-b1a3-64bc-8bb8-8ce557acd836.png)
ライセンスに同意してダウンロードが開始されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/e149d604-4ad4-5c14-5222-1fa03ae79907.png)
これでandroid-studioがインストールされました。
おまけで、デスクトップアプリケーションのようにandroid-studioを起動したい場合は、スタート画面の`configure`から`create Desktop Entry`で設定します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/a825043c-46b0-578f-3485-3c26cc8305fb.png)
# Editor Setup
android-studioにflutterのプラグインとdartのプラグインを追加する必要があります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/0ad9a02f-6f2f-abee-3f3a-bb45f67074b3.png)
# もっかい、flutter doctor
ここまできたら、あとは[Test Drive](https://flutter.dev/docs/get-started/test-drive)だけです。ガイドを参考にやってみてください。
最後に、もう一度flutter doctorをしてみます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/35e88c37-01e9-0cb1-d440-00dcdd5d76e5.png)
なんかライセンスに同意してないようですね。
言われたように、`flutter doctor --android-licenses`を実行。
4つぐらい、ライセンスにacceptするか聞かれます。英語をよく読んで、わからなかったら全肯定しましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/517356/853100d4-787d-9b17-81ba-2e883b5c6fc1.png)
最終的にはこんな感じになりました。（最後のはandroid端末をつなげてないので怒られてます。）

以上でセットアップは終わりです。お疲れ様でした。