Flutter環境構築(Mac)にチャレンジ
この記事は最終更新日から1年以上が経過しています。
![](https://firebasestorage.googleapis.com/v0/b/webdevelopers-1886f.appspot.com/o/images%2FDesignbeautifulapps.webp?alt=media&token=225ac61d-11ba-4448-a4b1-2bb0d36a055c)
青色が爽やかなFlutterの開発環境構築にチャレンジいたしました。
まずは、Xcodeをインストールしました。
Flutterの公式サイトをみる前にXcodeをインストールしていない場合はインストールにすごく時間がかかりますので、お先にインストールをしました。
macのインストールはこちらを参考にしました。
そしてこちらより(Get the Flutter SDK)Zipファイルをダウンロードします。公式ではホームディレクトリに「development」フォルダを作成しそこでダウンロードしたファイルを解答しています。
$ cd ~/development
$ unzip ~/Downloads/flutter_macos_1.20.0-stable.zip
公式サイトでダウンロードできるバージョン以外のFlutterを落としたい場合はこのリポジトリから落とせるそうですが、私は最新版でいいのでスルーしました。
そしてflutterコマンドを使う為にパスを通します。私はホームディレクトリにある.bash_profileに下記を追加しました。
ターミナルにflutterコマンドを叩いてみたところ無事パスが通っていました。
では、iOSのエミュレーターをsetupを
こちらを参考にmacでiOSのエミュレーターを動かす設定をしました。
まずは下記のコマンドを実行しました。
$ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
$ sudo xcodebuild -runFirstLaunch
そして下記をのコマンドを叩き、使用許諾が出てくるのでスペースを何度か押下しagreeと打ち込みます。
$ xcodebuild -license
エミュレーターを立ち上げるため、
下記コマンドを叩きます。
$ open -a Simulator
![](https://firebasestorage.googleapis.com/v0/b/webdevelopers-1886f.appspot.com/o/images%2Fpicture_pc_673c4b1d2678fe211d7b17b3c9d2d2ee.webp?alt=media&token=3c4205fc-457e-40ae-b38d-3b74b220b3c8)
この様なエミュレーターが立ち上がりました!
続いてダミーのアプリを表示します。
flutterで作ったアプリをエミュレーターで表示させます。
こちらを参考にダミーのアプリを作ります。まずは、アプリ作成のコマンドを入力します。
$ flutter create アプリの名前
作成したアプリのディレクトリに移動し、つくったアプリを起動させます。
$ cd アプリの名前
$ flutter run
![](https://firebasestorage.googleapis.com/v0/b/webdevelopers-1886f.appspot.com/o/images%2Fpicture_pc_8f94bcbd5c1e07028c6bfc176e085fef.webp?alt=media&token=ecf4714d-8f1f-4544-8d8a-81853538cdad)
おおお!立ち上がりました。すごい感動です!
今までは、エミュレーターを立ち上げるまで苦戦していたのですが、今回は30分ぐらいで無事に立ち上がったので感動しました。
以上、ここまで読んでいただきありがとうございました!