Flutter

Windowsでflutter環境を作る方法 2021

flutterを使うと、ひとつのコードでスマホアプリ、Web、パソコンアプリを作ることが出来ます。

 

今回の記事では、Windows環境でflutterを使う方法をご紹介します。

 

まず、公式のサイトでWindows専用のファイルをダウンロードしてください。

 

 

ファイル名にWindowsと書いてあれば専用です。

 

次に、ダウンロードしたzipファイルを解凍して展開します。

 

しっかりジップが外れてるファイルになってるか確認しましょう。

 

解凍されるとこんな感じに表示されてるはず。

 

 

僕は解凍するまでに7分くらいかかったです。

 

気長に待ちましょう。

 

それで、次はパワーシェルかコマンドプロンプトを立ち上げます。

 

それで、ダウンロードした場所の、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コマンドを使えるように、

 

頑張ってみてください、以上になります。

Pocket
LinkedIn にシェア

  • この記事を書いた人

藤沢瞭介(Ryosuke Hujisawa)

りょすけと申します。18歳からプログラミングをはじめ、今はフロントエンドでReactを書いたり、AIの勉強を頑張っています。off.tokyoでは、ハイテクやガジェット、それからプログラミングに関する情報まで、エンジニアに役立つ情報を日々発信しています!

1
2
no image 3
4
5
6
7
8
9
10
no image 11
12
13
14
15
16
17
18
19
20
21
22
23

-Flutter