How To Create New Flutter Project In VS Code
| Flutter
in this article ,we will create first flutter project step-by-step inside Visual Studio Code.
1-Install Flutter SDK:
Before starting, ensure you have installed the Flutter SDK on your device ,
You can download them from the official Flutter website or flowing instructions in this article
for your operating system.
How To Install Environment Flutter On Windows Operating System.
How To Install Environment Flutter On Linux Operating System.
2-Installed VS Code:
if you don’t have visual studio code installed in the like website blow
3- install flutter and dart Extensions:
open the visual studio code , go to the extensions view by Click Extensions in the Side Bar, Search for ‘Flutter’ and ‘Dart ‘extensions and install them.
.jpg)
4- Creating a new project:
- open visual studio code
- go to view , then Command Palette…or You can also press Ctrl+Shift+P on Windows/Linux or Cmd+Shift+P on macOS.
.jpg)
in the command palette Select the Flutter: New Project and press inter .
.jpg)
after choose flutter : new project and then Select Application
.jpg)
.jpg)
.jpg)
choose the location where you want to create the new project , choose a name for the project when name your project ,don’t used uppercase letters or space between words , such (my_app)
.jpg)
VS Code will create the new Flutter project for you. This may take a few moments,
Your explorer on the left should look similar to this.
Your explorer on the left should look similar to this.
.jpg)
To run your Flutter app, click F5 but before that ,where will the project run?
At the bottom of the vs code editor is (window / linux) the simulator on which to run the project .
Where you click on it , you will have a window that you choose from us a simulator.
At the bottom of the vs code editor is (window / linux) the simulator on which to run the project .
Where you click on it , you will have a window that you choose from us a simulator.
run flutter project F5.
