Flutter for web 環境構築

• Flutterのweb版での環境構築です。androidも頑張ればできます。
• 途中remote-containerを開かないといけないのでそれだけ注意してください。

FlutterDock

1. リポジトリをクローン

   git clone https://github.com/takassh23/flutter-web.git flutter_app/flutterdock
   

2. flutterdock階層で

   docker-compose build workspace
   

   いつも通り最初は長いです。wifi環境が良いときにやりましょう。

3. コンテナを構築、起動

   docker-compose up -d workspace
   

4. vscodeのremote-containerでworkspaceを開く

5. workspaceのbashに入りFlutterアプリを作成

   flutter create .
   

6. サーバーを起動

   flutter run
   

   そのうち右下にopenが出るのでクリックするとブラウザが開きます

使い方

• 始めるとき flutterdockの階層で

  docker-compose up -d workspace

• 終わるとき

  docker-compose down