## Flutterのダウンロード

[macOS install  - Flutter ](https://flutter.dev/docs/get-started/install/macos)の手順を進める。

## PATHの設定
```sh
$ echo $SHELL
/usr/local/bin/zsh
```

```sh
vim ~/.zshrc
```

Downloadsにあった`fultter`を{USER}の直下に置く。
(pathで指定すれば、どこでも良いです)

```sh
# Flutter
export PATH="$PATH:$HOME/flutter/bin"
```

NOTE: `$HOME`は{USER}を指している。

```sh
$ which flutter
/Users/{USER}/flutter/bin/flutter
```

## doctor

問題ないか確認する

```
flutter doctor
# Warningが出ていたので
flutter doctor --android-licenses
```

NOTE: Java 8が必要。

```sh
java -version
```

```
$ echo $JAVA_HOME
/Library/Java/JavaVirtualMachines/jdk1.8.0_202.jdk/Contents/Home
```

## VSCode設定

1.VSCode拡張で「Flutter」を追加

2.VSCoded上で「flutter/bin」をSDK pathとして追加

3.エミュレータ実行する。

```sh
open -a Simulator
```

4.Flutterアプリケーションの実行

```sh
flutter run
```

![Flutter環境構築](//images.contentful.com/0jyj5pjwic68/7Dfkg0rpab0dxhloYypLWj/c05f6e1e326748b5695ca590ddc1e145/____________________________2021-07-30_15.24.40.png)

## ホットリロード

デバッグモード起動でホットリロードになる。

デバッグモード起動

VSCode: 「Command + Shift + d」

## 便利そうなサイト
- [Dartpad](https://dartpad.dev/?null_safety=true): iframeなどで埋め込みが可能っぽい
- [flutterstudio](https://flutterstudio.app/): 画面からUIを定義して、コード化してくれる
- [flutter-study](https://www.flutter-study.dev/): めちゃめちゃまとめてくれてる

## 参考
- [macOS install  - Flutter ](https://flutter.dev/docs/get-started/install/macos)
- [Flutterの環境構築(Mac編)](https://zenn.dev/kboy/books/ca6a9c93fd23f3/viewer/5232dc)
- [MacでFlutterの開発環境を構築する手順](https://qiita.com/oekazuma/items/92e9bae4268fea107efa)