0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Flutterの環境構築

Posted at

はじめに

こんにちは!
今回はFlutterの環境構築について書こうと思います。

構築環境&手順

・macbook pro

HomeBrewインストール

HomebrewはmacOS向けのオープンソースのパッケージ管理システムであり、ターミナルを通じてソフトウェアパッケージのインストール、アップデート、管理できます。Homebrewを使うためには、まずmacOSにHomebrewをインストールし、コマンドラインからパッケージを検索してインストールできます。また、パッケージのアップデートやアップグレードも可能であり、バージョン管理もサポートしています。Homebrewは、macOS上でのソフトウェアパッケージ管理を簡素化する便利なツールです。
image.png

上記のリンクてhomebrew手順に従い、インストールします。
image.png

flutterインストール
$ brew install --cask flutter

上記のコマンドラインをコピペしてインストールをする。
image.png

上記以外にandroid emulatorとかxcodeインストールはネットで検索すると色々出ると思います。

インストールが終わった後、flutter docterでインストール状況を確認すること。

image.png

参照リンク: https://docs.flutter.dev/get-started/install/macos

flutterインストール以外に

flutterコードを作成することができる「datrpad」があるらしい。
単純にコード作成だけしたい場合、使えば良いかと思います。

https://dartpad.dev/?
image.png

ターミナルでflutterプロジェクトを作成する

image.png

※ プロジェクト作成後、確認
image.png

visual studio codeで確認

image.png

※ visual studio codeで必要なextenstionをインストールする

・Dart
image.png
・Flutter
image.png

0
1
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
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?