0
0

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 3 years have passed since last update.

Visual Studio Code で Flutter のテンプレートプログラムを起動してみよう

Last updated at Posted at 2020-08-08

Android Studio での手順を書いたので、
Visual Studio Code での手順も記載しておく。


Flutter のテンプレートプログラム?

ようはサンプルプログラム。
Visual Studio Code で自動的に生成してくれるテンプレート。
生成されたテンプレートを変更していく事で、プログラムを作っていけるようになっている。
とりあえず「動いたのをみてみなきゃ、開発環境が正しいか分からないだろ?」ってこと。

Visual Studio Code で Flutter テンプレートプログラムを作る

  1. Visual Studio Code を起動する。
  2. メニューの「View」から、「Command Palette...」を選ぶ
  3. 入力欄に「Flutter」と入力すると、一覧が出るので、「Flutter: New Application Project」を選択する
    image.png
  4. 名前を決めろと言われるので決める
  5. フォルダの選択画面が出るので、新しくフォルダを作ったりして、作成する場所を決める
  6. 赤文字が消えてテンプレートが生成完了するまで待つ。
  7. メニューから「Run」の「Start Debugging」を選ぶと実行される。

参考

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?