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 Debuggingto 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 thelibfolderfonts- Located in the same directory as thelibfoldermodels- Located under thelibfolderscreens- Located under thelibfolderwidgets- Located under thelibfolderservices- Located under thelibfolder