Creating New Flutter Project¶
-
Launch Visual Studio Code
Start by opening the Visual Studio Code application -
Create a New Flutter Project
Initiate a new Flutter project byView
->Command Palette
-> SelectFlutter:New Project
-
Choose 'Application' Type
When prompted, select 'Application' as the type of project you wish to create -
Select Project Location
Choose the folder where you want your project to be saved -
Name Your Project
Provide a name for your project. Remember, no spaces are allowed in the project name -
Set the Device to Chrome
Once the project is created, configure the target device setting to Chrome -
Start Debugging
Navigate toRun
->Start Debugging
to begin running your project -
Verify Project Launch
Ensure that the project starts and runs as expected (It will take some time for the inital run) -
Structure Your Project
Create the following folders within your project for better organization:images
- Located in the same directory as thelib
folderfonts
- Located in the same directory as thelib
foldermodels
- Located under thelib
folderscreens
- Located under thelib
folderwidgets
- Located under thelib
folderservices
- Located under thelib
folder