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 1 year has passed since last update.

Flutter on VScode

Last updated at Posted at 2022-08-14

はじめに

世はまさに大VScode時代ですね
自分はvimmerに憧れておりterminalで生活していますが
チーム開発となるとVScodeを使わざるを得ません
ということで、チーム開発flutter on VScodeの始め方です

作業環境
-device: thinkpad X1 carbon gen10
-smartphone: OPPO Reno3 A(android 11.0)
-CPU: intel(R) corei7-1260P
-GPU: intel(R) Iris(R) Xe Graphics
-RAM: 32GB
-SSD: 500GB
-Flutter: 3.0.5
-VScode: 1.68.1

VScodeにflutter extention追加

VScodeサイドパネルのExtentionにて"flutter"を検索しinstallしましょう

Flutter project作成

VScode上でF1を入力
Flutter: New Projectを入力
Applicationを選択
作業フォルダを配置するディレクトリを選択
作業フォルダ名を命名

Android emurator作成

android studio起動
more action > Virtual Device Manager > Create virtual device選択
New hardware ProfileからOPPO Reno3 Aの画面サイズを設定: 6.44inch
andoroidのversionを選択しダウンロード: andoroid 11.0
以上でemuratorの完成です

VScodeでemuratorを動かす

VScode右下のdevice to useを選択します
ポップアップの選択肢に先ほど作成したemuratorが表示されるので、そちらを選択
terminalを開いてflutter run commandを入力するとflutterプロジェクトが動きます

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?