Skip to content

Creating New Flutter Project

  1. Launch Visual Studio Code
    Start by opening the Visual Studio Code application

  2. Create a New Flutter Project
    Initiate a new Flutter project by View -> Command Palette -> Select Flutter:New Project

  3. Choose 'Application' Type
    When prompted, select 'Application' as the type of project you wish to create

  4. Select Project Location
    Choose the folder where you want your project to be saved

  5. Name Your Project
    Provide a name for your project. Remember, no spaces are allowed in the project name

  6. Set the Device to Chrome
    Once the project is created, configure the target device setting to Chrome

  7. Start Debugging
    Navigate to Run -> Start Debugging to begin running your project

  8. Verify Project Launch
    Ensure that the project starts and runs as expected (It will take some time for the inital run)

  9. Structure Your Project
    Create the following folders within your project for better organization:

    • images - Located in the same directory as the lib folder
    • fonts - Located in the same directory as the lib folder
    • models - Located under the lib folder
    • screens - Located under the lib folder
    • widgets - Located under the lib folder
    • services - Located under the lib folder