Windowsでflutter環境を作る方法 2021
flutterを使うと、ひとつのコードでスマホアプリ、Web、パソコンアプリを作ることが出来ます。
今回の記事では、Windows環境でflutterを使う方法をご紹介します。
まず、公式のサイトでWindows専用のファイルをダウンロードしてください。
ファイル名にWindowsと書いてあれば専用です。
次に、ダウンロードしたzipファイルを解凍して展開します。
しっかりジップが外れてるファイルになってるか確認しましょう。
解凍されるとこんな感じに表示されてるはず。
僕は解凍するまでに７分くらいかかったです。
気長に待ちましょう。
それで、次はパワーシェルかコマンドプロンプトを立ち上げます。
それで、ダウンロードした場所の、flutterファイルの中の、
この場所に行ってください。
パワーシェルだとこんな感じ。
> pwd
Path
----
C:\Users\ユーザー名\Downloads\flutter\bin
この場所のパスでflutterを起動できます。
コマンドプロントでdoctorを走らせてみましょう。
すると、こういう風に出てくるはずです。
（パワーシェルだと出てこない）
C:\Users\ユーザー名>C:\Users\ユーザー名\Downloads\flutter\bin\flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 2.0.5, on Microsoft Windows [Version 10.0.19042.867], locale ja-JP)
[X] Android toolchain - develop for Android devices
X Unable to locate Android SDK.
Install Android Studio from: https://developer.android.com/studio/index.html
On first launch it will assist you in installing the Android SDK components.
(or visit https://flutter.dev/docs/get-started/install/windows#android-setup for detailed instructions).
If the Android SDK has been installed to a custom location, please use
`flutter config --android-sdk` to update to that location.
[√] Chrome - develop for the web
[!] Android Studio (not installed)
[√] VS Code (version 1.55.0)
[√] Connected device (2 available)
! Doctor found issues in 2 categories.
こういう風に出てくれば、okですね。
後はパスを通して、どこからでもflutterコマンドを使えるように、
頑張ってみてください、以上になります。
りょすけと申します。18歳からプログラミングをはじめ、今はフロントエンドでReactを書いたり、AIの勉強を頑張っています。off.tokyoでは、ハイテクやガジェット、それからプログラミングに関する情報まで、エンジニアに役立つ情報を日々発信しています！