flutterの環境構築1

flutterって何?

聞いたことはあるけど何かよくわからない…

今回は、macos向けにflutterとは何か、flutterの環境構築の方法などを解説していきます。

flutterとは何か?

Flutterは、Googleによって開発されたフリーかつオープンソースのUIのSDKで、単一のコードベースから、Android、iOS、Linux、macOS、Windows、Google Fuchsia向けのクロスプラットフォームアプリケーションを開発するために利用されます。

flutterの環境構築

まず必要なものは、ターミナル.finder があればとりあえず大丈夫だと思います

Flutter のインストール

まずflluterの公式サイトからzipファイルをダウンロードします。

Flutter 公式 HPの「Install」ページでmacOSを選択すると下のような画面が出てきます

そしたらインテルの方は左apple シリコンの方は右をクリックします。そうすると下の画像のようにインストールが始まります。

インストールが無事完了するとzipファイルがダウンロードされます。そうしたらユーザーフォルダ直下に「Development」フォルダを作成し、zipファイルを解凍しflutterフォルダをdevelopmentに追加します。追加したら今度はターミナルでPATHを通します。

PATHを通す

Flutterをインストールした後、Flutterを使えるようにするには「パスを通す」という作業が必要になります

ターミナルを起動して以下を実行してください。

echo $SHELL

/bin/zshと返ってきたら使用しているシェルはzsh/bin/bash と返ってきたらbash を使用していることになります。

このシェルによって次の作業が異なってきます。

自分の環境に合ったほうを実行して進めてください。

// zshの場合
vim .zshrc

// bashの場合
vim .bash_profile

今回はzshでやっていきます。

以下のコマンドを入力し、PATHを通す作業を行なっていきます

echo export PATH="$PATH:`pwd`/flutter/bin"

pwdにディレクトリのPATHを記入します。今回は/Users/ユーザー名/Development/flutter/binになると思います。

その後さらにコマンドを記入します下のコマンドを記入してください。

source ~/.zshrc

と記入してまたコマンドを入力します

which flutter

無事にPASHが通っていたらPATHが表示されます。

そしたら下のコマンドを記入します

flutter doctor

ターミナルで上の画像のような文字が出て来れば成功です。

これで今回のflutter環境構築は終了ですまた次回のブログで続きを説明します。

タイトルとURLをコピーしました