Flutter [Android Studio]FVMを超基礎的なことから設定していく

# FVMの導入方法
今回私がFVMの設定で躓いた点を述べ、その解決策をまとめて記しておきます。
補足：筆者はM1 Macを使って行いました。
## 初めに
基本的にFVMの大まかな設定方法は[こちら](https://zenn.dev/riscait/articles/flutter-version-management)を見て貰えばわかります。
まずFVMてなんぞやって方に簡単に説明すると、共同開発をする際に
みんなのバージョンを合わしてくれるというものです。

大抵は[こちら](https://zenn.dev/riscait/articles/flutter-version-management)を見るとできるんですが初心者である私は色々なところでつまづいたので
この記事はそういう方に向けて書いております。

まず記事通りFVMのインストールをしましょう。

その後PATHを通すという処理を行うんですが、この処理で一回躓きました。
そこで活用したのが[この記事](https://amateur-engineer.com/mac-path-zsh/
)です。
## 具体的な処理
上記を見ていただくと大体は分かるんですが、忙しい人用に実行した処理を書いておきます。

### １　FVMの導入
まずはFVMをPCに導入していきます。
```
dart pub global activate fvm
```
するとFVMのバージョンが書いてあるこのような文が出てきます。
```
fvm ２.１.３version 
```
これでPCにFVMが導入されました！


### ２ターミナルのシェルの確認
次にあなたが使っているシェルがzshなのかbashなのかを確認してください。
```
echo $SHELL
```
私の場合はこのように出ます。
```
/bin/zsh
```

上記の結果から使っているシェルはzshということがわかります。

### 3　dartコマンドが使えるようにPATHを通す
次はPATHを通していきます。
補足　筆者は環境がzshだっため以下はzshの処理を行なっています。
```
open ~/.zshrc
```
このようにターミナルで打つと...
<img width="500"alt=スクリーンショット 2022-04-14 19.35.58.png src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1972788/32bdfc8b-f986-bc71-6846-b433471d4d54.png">
上記のようなエディタが出てきます。
ここで以下の一文を追記します。
```
export PATH="$PATH:$HOME/.pub-cache/bin"
```
追記し終わったら再度ターミナルに戻り
```
source ~/.zshrc
```
これを必ず実行してください！！
こうすることによって変更が反映されます。

### 4　FVMの適用
最後に使用するプロジェクトをFVMに適用させていきます。
まずプロジェクトを開いてください。
あとはみなさんご察しの通りです。
プロジェクトのターミナルにて以下のコマンドを打ってください。
```
fvm install
```

すると...

```
Flutter 2.10.4 • channel stable • https://github.com/flutter/flutter.git
Framework • revision c860cba910 (3 weeks ago) • 2022-03-25 00:23:12 -0500
Engine • revision 57d3bac3dd
Tools • Dart 2.16.2 • DevTools 2.9.2
```

このような文章が出てくるのでこれでインストール完了です！！

ちなみに本当にインストールできてるか心配な方はこちらも試すといいかもです。
```
fvm --version
```
これで（2.3.1）バージョンが出てくるので少し安心できますよ。


### Android Studioの設定
これでFVMの設定は終わりです！
と言いたいとこなんですがAndroid Studioの場合もう一つ処理が残っています。

まずはAndroid Studioを立ち上げてください。
そして以下の処理を行なってください。

![スクリーンショット 2022-04-14 19.53.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1972788/8b05a324-1010-ffe7-c0dc-d83c79c0971d.png)

文字で表すとこれですね

Preferences > Language & Frameworks > Flutter 

そして通常であれば
Languages & FrameworksのところにFlutterが出てくれるんですが
筆者の場合はなぜか出てくれませんでした😂
そんな方でもご安心ください！
無理やりだす方法を特別にお教えしましょう！！
まずこのように出てこない場合...
<img width="500"alt=スクリーンショット 2022-04-14 19.56.18.png src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1972788/c04302eb-ca48-bb45-7c1c-86d8c5c0fe7b.png">

自分の作っているプロジェクトを開いてみてください。
そして一番下のタブバーにあるVみたいなやつをタップして設定画面を開きます。
<img width="500"alt=スクリーンショット 2022-04-14 19.58.07.png src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1972788/86b4647e-bd25-b2f9-0a24-a118bcfa6af8.png">


するとあら不思議
<img width="500"alt=スクリーンショット 2022-04-14 19.59.34.png src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1972788/afdfe1b8-bc48-ab1c-51cf-227f2d9c685d.png">
出てきてくれました🤗
補足（先ほどのVみたいなアイコンがない場合は普通にプラグインで
Flutterをインストールしたみたいにインストールしてあげると出てきますよ。）


あとは通常にFlutter SDK path：と書いてあるところをこのように書き換えます。

```
 /プロジェクトのパス/.fvm/flutter_sdk
```

そしてApplyしてあげると成功です！！
## 終わり

ここまでお疲れ様でした〜
初めての記事投稿ということで少し分かりにくかったかもしれませんが、
見てくださってありがとうございました🙇‍♂️
一応この記事でわからないという場合は後で[私のチャンネル](https://www.youtube.com/channel/UCqloHuvcsCLzwr47uu-THpg
)の方に気が向いた時に
動画あげますので是非ご覧ください!!

https://www.youtube.com/channel/UCqloHuvcsCLzwr47uu-THpg