Skip to main content

Install VScode For Code Editing

Note

You can build apps with Flutter using any text editor combined with Flutter’s command-line tools. However, we recommend using one of our editor plugins for an even better experience. These plugins provide you with code completion, syntax highlighting, widget editing assists, run & debug support, and more.

Note 2

You can edit, run and build the app on Android Studio, However VScode is just a personal recommendation for situations like this because it's simpler to use.

Note

If you have already VScode installed on your machine, you can skip to the next step.

VScode​

Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux.

Installing VScode​

  • 1- Download VScode from here, and install it.
  • 2- Invoke View > Command Palette….
  • 3- Select Extensions: Install Extensions. in the pallette.
  • 3- Search for Flutter and Dart extensions, then download them.

Or, Download them directly from the browser to VScode:

Validate your setup with the Flutter Doctor​

  • 1- Invoke View > Command Palette….
  • 2- Flutter: Run Flutter Doctor.
  • 3- Review the output in the OUTPUT pane for any issues. Make sure to select Flutter from the dropdown in the different Output Options.