Trying Flutter Web

muhajirdev

Muhammad Muhajir

Posted on May 9, 2019

Trying Flutter Web

Google just released flutter for the web. This is awesome. With flutter, you will be able to use a single codebase to develop iOS App, Android App, Desktop App, Web and Embedded ๐ŸŒŸ

flutter multi platform

We'll give it a shot

Getting Started

Install Flutter / Upgrade Flutter

Follow the installation path here on Flutter Official Docs

Or just upgrade it if have ever installed it

flutter upgrade
Enter fullscreen mode Exit fullscreen mode

Reference:

Create new project

You can either clone flutter/flutter_web. like so

# Clone
git clone https://github.com/flutter/flutter_web

# cd into example dir
cd flutter_web/examples/hello_world

# Activate web build tool
flutter packages pub global activate webdev
Enter fullscreen mode Exit fullscreen mode

Or just use Visual Studio Code. Install Dart Code & Flutter Plugins.

And then cmd + shift + p (on mac) or ctrl + shift + p (on windows/linux).
And type >Flutter: New Web Project

vscode-opening-flutter
After it's done. Go to main.dart and press F5(Debug shortcut) on your laptop. Or Press โ–ถ๏ธ on Macbook Pro Touchbar

That's it. Look at this beauty ๐Ÿ’™

flutter-web-demo

I'll post more updates about flutter web. I'll let you guys know via my twitter @muhajirdev

Originally published on https://muhajir.dev/writing/trying-flutter-web/

๐Ÿ’– ๐Ÿ’ช ๐Ÿ™… ๐Ÿšฉ
muhajirdev
Muhammad Muhajir

Posted on May 9, 2019

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

ยฉ TheLazy.dev

About