Step-by-Step Guide to create a new flutter project using Visual Studio Code [VS Code]
This is a beginner's guide to visual studio code and flutter. VS Code is a light weight editor with flutter app development, execution and debug support. Visual Studio Code is a source-code editor developed by Microsoft.

Table of Contents
- step 1 : Open Command Palette
- step 2 : Create Flutter New Project
- step 3 : Enter your project name
- step 4 : Select the desired project location
- step 5 : Your flutter project is ready !
- Install latest stable version of VS Code
-
Install the Flutter and Dart plugins
- In VS Code “Extensions” Tab, search field type flutter, select “Flutter” in the list and click “Install”.
- Flutter plugin also installs the required Dart plugin.
Validate your flutter setup using “flutter doctor command”.
Once Flutter SDK and your VS Code Editor is up and running,
![]() |
---|
Flutter Visual Studio Code |
To Create a new flutter project from the flutter starter app template follow the below steps
step 1 : Open Command Palette
Use Shortcut key - Ctrl+Shift+P or Cmd+Shift+P on macOS
OR
Go to View Menu, select “Command Palette”
![]() |
---|
VS Code Command Palette |
step 2 : Create Flutter New Project
Select the “Flutter : New Project” Command from the list and press Enter
![]() |
---|
Flutter New Project |
step 3 : Enter your project name
![]() |
---|
Flutter Project Name |
For this demo, App Name : flutter_test_app
![]() |
---|
Flutter Test App |
step 4 : Select the desired project location
![]() |
---|
Flutter Project Location |
step 5 : Your flutter project is ready !
Wait for a few seconds and let flutter create the required files and folders in your project location.
![]() |
---|
Flutter Create Command |
Once, the project setup is complete, VS Code will notify you that your flutter project is ready.
![]() |
---|
Flutter Project Ready |
To learn more about flutter - Flutter Developer Guide