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

https://docs.flutter.dev/get-started/install

ここから開くことができます。

使用しているMacBookがM1やM2などのM◯チップを搭載しているものであれば、右側の「Apple Silicon」を選択。

M1以前のintel Corei5などのインテルチップを搭載しているものであれば、左側の「intel Processor」を選択。

ボタンを押すと、ダウンロードが実行されダウンロードフォルダにzipファイルが落とされます。

ターミナルを開きます。

次に、以下のコードを打ち込んで現在いるディレクトリを確認します。

pwd

確認してみると、自分のホームディレクトリにいました。

今回は、ホームディレクトリの直下にdevelopmentというディレクトリを作成します。

このコードを入力してください。

mkdir development

ターミナルの操作については、こちらをご覧ください。

あわせて読みたい

【macOS】基本的なコマンド操作 ※本記事で使用している環境＜パソコン＞機種：MacBook Air（13inch）OS：macOS Sonoma（ver.14.3）チップ：Intel Core i5シェル：zsh 【ターミナルとは】 コンピュータ…

解凍する前に、先ほどつくったdevelopmentに移動します。

cd development

pwd

そして、ターミナルに以下のコードを入力します。

unzip ~/Downloads/flutter_macos_3.19.4-stable.zip

lsコマンドでflutterが格納しているものを確認します。

ls flutter

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

ファインダーを開いても確認することができます。

次に、flutterの中のbinの中を見ていきます。

ls flutter/bin

このbinの中にflutterやdartのコマンドが保存されていることがわかります。

毎回、プログラムを書いて実行するときに以下のように入力しても構いません。

flutter/bin/dart

しっかり、実行できていることがわかります。

しかし、毎回このようにPATHを入力するのはめんどくさいので「PATHを通す」作業を行います。

このコードを打ち込みます。

pwd

このコードを打ち込みます。

cd flutter/bin

このコードを打ち込みます。

pwd

このコードを打ち込みます。

vi $HOME/.zshrc

viコマンドで編集モードを立ち上げます。

このままだと書き込むことができないため、キーボードの「i」を押します。

INSERT（インサート）モードに切り替わったため、書き込むことができるようになりました。

次に以下のコードを入力します。

先ほど確認したパス通りに入力しましょう。

export PATH="$PATH:/Users/[自分のユーザ名]/development/flutter/bin"

書き込んだら escキー を押して「:WQ」と入力し、保存して終了しましょう。

このコードを打ち込みます。

source $HOME/.zshrc

このコードを打ち込みます。

which flutter

このように入力し、/Users/~flutterとPATHがかえってきたら無事終了です。