VS CodeでFlutterを開発する話

プラグインの追加

Visual studio code を起動しプラグインを開く、検索画面でFlutterを入力しFlutterのinstallボタンをクリックしinstallが終われば完了

flutterのhello worldを試す

ターミナルでプロジェクトを作成するフォルダに移動

プロジェクトの作成

$ flutter create プロジェクト名

プロジェクトの確認

ブラウザでFlutter Demo Home Pageが出たら確認終了
ターミナルで「q」ボタンをクリックすれば終わる

 $ cd testflutter
 $ flutter run

vscodeで作成したファイルを開く
lib/main.dartがアプリのメインコード
vscodeの右下に現在選択されているデバイスが表示されている
デイバイスをクリックする事で別のデバイスを選択できる

F5でデバッグの開始
選択したデバイスにFlutter Demo Home Pageが表示されたら完了

参考URL;チュートリアル編3:HelloWorldと基本構成

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です