【Flutter】Flutter SDK のインストール方法（環境構築①）2024年最新版

https://docs.flutter.dev/get-started/install/macos/mobile-ios#install-the-flutter-sdk

ターミナルに

pwd

を入力し、現在どこのフォルダにいるかを確認します。

Users フォルダの下にある shima フォルダ（ホームフォルダ）にいることがわかりました。

mkdir development

と入力し、ホームフォルダに「development」フォルダを作成します。

実際に、Finder を開いてみると、しっかり「development」フォルダが作成されていることがわかります。

現在は、ホームフォルダにいますが、

cd development

と入力することで、先ほど作成した development フォルダに移動する事ができます。

development フォルダの中で

unzip ~/Downloads/flutter_macos_arm64_3.22.3-stable.zip

と入力すると、ダウンロードした zip ファイルを解凍することができます。

ls

と入力すると、フォルダの中身を確認できます。

zip ファイルが解凍され、flutter フォルダがありました。

Finder で確認してもわかります。

次に、

ls flutter

と入力し、flutter フォルダの中身を見てみましょう。

すると、AUTHORSやbinなどが存在していることがわかります。

Finder でも同様に確認できます。

ls flutter/bin

と入力し、bin フォルダの中身を確認してみましょう。

ここにあるdartやflutterには、プログラムを実行するためのコマンドが保存されています。

では、

flutter/bin/dart

と入力し、dart コマンドを実行してみましょう。

インストールできていないものがあり、警告表示がされていますが、赤枠で囲まれた部分が表示されれば成功です。

次に、flutter コマンドを実行してみましょう。

flutter/bin/flutter

と入力します。

長いですが、うまく実行することができました。

このように、flutterの中のbinにあるflutterにプログラムを実行するためのコマンドが保存されています。

このファイルを呼び出して、プログラミングしたものを実行していきます。

以下のような表示がされることがあります。

その場合は、指示に従って、インストールしても問題ありません。

ターミナルを開き、

vim .zshenv

と入力します。

を押すと、以下のように vim エディターが起動します。

キーボードの

を押して、INSERT モードに変更します。

export PATH=$HOME/development/flutter/bin:$PATH

と入力します。

を押したら

と入力し

を押して、編集したファイルを保存して閉じます。

最後に、起動中のターミナルを閉じて、再度立ち上げてみましょう。

すると、パスが通り、

flutter

と入力するだけで、コマンドを実行できるはずです。