Flutter Web

Enabling Web support for flutter 🌐

In this article we shall be discussing how to enable web support for our flutter project.

First we need to switch over to master channel to access web support .

flutter channel master

Next we need to upgrade the file, for that just type this command.

flutter upgrade

Now for enabling web support.,

flutter config --enable-web

Now we have enabled web support for our flutter project and for verifying it just type.,

flutter devices

This will list out all the available devices that can be used for debugging, Where we can also notice the default browser being listed.

now create a flutter project.,

flutter create myapp

and now we can see that a new folder [Web] will be create along with the other files and folders.

If you run the project now., then the project will be running on the default browser extension.

If you have already created a flutter project and want to add web support, then you can add it by simply typing this,

flutter create .

If you want to see Flutter Web in action, then check this out., In this tutorial I have used chrome browser for debugging my app.

Hope this article was beneficial.,🚀

Other articles you may like.,

Best VSCode Extensions

AnimatedContainer Widget in Flutter

GradientText in Flutter

Custom Clipper in Flutter

Carousel Slider in Flutter

Flutter BLoC Pattern

Flutter Tutorials

If you want to know more about Flutter and various Widgets in Flutter…?🤓 Then visit my channel vijaycreations🚩

Thanks.,