Hi Guys, Welcome to Proto Coders Point. In this Flutter Article let’s Learn how to create a flutter project in VSCode.
Below are the requirement to create flutter project.
- VSCode IDE
- Dart SDK been downloaded and setuped.
- Flutter SDK been downloaded and setuped.
How to check Dart and Flutter are installed or no
Just Open Cmd prompt & enter below cmds.
dart --version
flutter --version
![check if dart & flutter are instaled or not](https://protocoderspoint.com/wp-content/uploads/2022/07/how-to-check-if-dart-flutter-SDK-are-installed-or-not-.jpg)
If not setuped download it from below links
How to create flutter project in vs code
Below are steps to create new flutter project in Visual Studio Code (IDE).
Step 1: Open VSCode & Install Dart & Flutter Extensions
In VsCode Editor, drawer at left you will find a extension page, search for dart & flutter extensions and install them both.
![installing dart & flutter in vscode editor](https://protocoderspoint.com/wp-content/uploads/2022/07/installing-dart-flutter-extension-in-vscode-.png)
Step 2: Creating flutter project in vscode editor
In vscode, Open command palette to do so, In menu bar > views > Command Palette
or Ctrl _Shift + P
.
![](https://protocoderspoint.com/wp-content/uploads/2022/07/where-is-command-palette-in-vs-code-min.png)
Now Search for flutter project.
![](https://protocoderspoint.com/wp-content/uploads/2022/07/create-flutter-project-in-vscode-editor-.png)
Then, here select Applcation.
![generate a flutter application vscode](https://protocoderspoint.com/wp-content/uploads/2022/07/flutter-application-in-vscode-editor-.png)
then, Now give name to your flutter_app
![](https://protocoderspoint.com/wp-content/uploads/2022/07/flutter-project-give-name-.png)
Now you need to just wait for it project creation process, it will just take 1 min or less.
then finally, our flutter project was successfully been create.
![](https://protocoderspoint.com/wp-content/uploads/2022/07/flutter-project-successfully-created-in-vscode-editor-min-1024x533.jpg)
Step 4: How to running flutter project on mobile device
Then, Once our flutter project is ready, To run it on physical device:
Connect the device through USB (make sure you have turned on USB Debugging Mode) or Wirelessly through TCP ID.
Run below cmd on VSCode Terminal to run flutter app :-
flutter run
![cmd running flutter app in vscode](https://protocoderspoint.com/wp-content/uploads/2022/07/cmd-running-flutter-app-in-vscode-.jpg)
App Running on my Mobile Device
![](https://protocoderspoint.com/wp-content/uploads/2022/07/flutter-app-screenshot-min-461x1024.png)