LoginSignup
3
0

More than 1 year has passed since last update.

【Flutter環境構築】を終わらせたい。 ~zshでPATHを通すまで~

Last updated at Posted at 2021-04-11

初めまして。プログラミング歴はまだまだ浅く、説明が下手な点もあるかと思います。
その際はご指摘等いただければ、めちゃくちゃ有難いですので気軽にコメントください。

  • PATHが通らない,,
  • さっさと環境構築終わらせたい,,

同じ苦しみを味わっている方の、役に立てばと思い書きました。



〜目次〜
1. Flutterのインストール
  1-1. ダウンロードから解凍
  1-2. 管理場所の指定
2. PATHを通す
  2-1. [zshrc]を開く
  2-2. [zshrc]への記載
  2-3. PATHの確認
3. 終わりに

1. Flutterのインストール

1-1. ダウンロードから解凍

Flutter公式ページからOSに対応するファイルを選択
そうするとZIPファイルがダウンロードされますので、解凍してインストールを開始して下さい。

スクリーンショット_2021-04-10_11_49_46.png


1-2. 管理場所の指定

# ディレクトリの変更
cd ~/development

# そこにZIPファイルを解凍 
unzip ~/Downloads/flutter_macos_2.0.4-stable.zip

上記コードをターミナルで実行する前に、developmentというフォルダをファインダーに用意しておいて下さい。
そこにflutterが入ります。

スクリーンショット_2021-04-10_12_02_22.png


2. PATHを通す

2-1. [zshrc]を開く

zsh(Zシェル)の方は、Update your pathのリンクに移動して下さい。

スクリーンショット_2021-04-10_19_46_18.png


移動したページには「zシェルの方はzshrcに、コードを記載して下さい」という説明があります。

スクリーンショット_2021-04-11_10_01_58.png

zshrcは以下のコードで開くことができます。

vim .zshrc

zshrcが開いたらキーボードの[ i ]を押してinsert modeにして、書込みできる状態にします。

スクリーンショット_2021-04-11_15_09_20.png


2-2. [zshrc]への記載

下記コードをコピーしてペーストします。

スクリーンショット_2021-04-10_20_06_39.png

editにペーストしたら [PATH_OF_FLUTTER_GIT_DIRECTORY] の部分を削除しておきましょう。
次にファインダーから、パスをコピーします。

スクリーンショット_2021-04-11_15_25_23.png

先ほど削除した[PATH_OF_FLUTTER_GIT_DIRECTORY]の箇所に、FlutterのPATHを差込む。
ここまできたら[ esc ]を押して[ :wp! ]と入力し[ enter ] を押せば抜けることができます。

2-3. PATHの確認

確認の為に、ターミナルを再起動して、下記コードを打ち込みます。
読み込みが開始されれば、PATHが通せている状態です。

flutter doctor

出力結果
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 2.0.4, on macOS 11.2.3 20D91 darwin-arm, localeja-JP)
[ ! ] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
✗ Android licenses not accepted. To resolve this, run: flutter doctor
--android-licenses
[✓] Xcode - develop for iOS and macOS
[✓] Chrome - develop for the web
[✓] Android Studio (version 4.1)
[✓] VS Code (version 1.55.1)
[✓] Connected device (1 available)

3. 終わりに

最後まで読んで頂きありがとうございました。
まだまだ初学者ですので、もっと良い記述の方法があればご指摘お願い致します!
その他なんでもコメントお待ちしております。

3
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
0