Creating New/Old Flutter project with web support

Bharat Makwana
3 min readSep 21, 2019

Hey there Bharat here. Today I will be guiding you to how to create flutter project with web support

There will be 2 portion of this article

1: Creating project from scratch

2: Adding web support on old project

Creating project from scratch

Before starting Make sure you are on flutter Dev channel if you are not

You need to switch to Dev or Master channel by hitting this command on your terminal

flutter channel dev

flutter channel master

Switching channel

Currently i am on Dev channel

Enabling web support

To enable web support you have to write

flutter config — enable-web

It will enable experimental web support

Creating Project

Now create project as you always do

You can see there is web folder available and you can run it on Google Crome and Android emulator

Adding web support on existing project

(Create a backup of your project before adding support)

As you know you need to switch to dev/master channel (if you are not)

flutter channel dev

flutter channel master

And Enable web support

flutter config — enable-web

Now open terminal in your old flutter project directory and write

flutter create .

You can see web/index.html (created)

All done…

p.s - ”not all library is supported in flutter web so you might be get some errors so take backup of your project before performing this tasks”

--

--