Set up an code editor for Flutter

Pathum Senadeera
2 min readJan 10, 2021

Writing Flutter apps can be done in any text editor with the help of flutter command-line tools. Android Studio and Visual Studio code editors are the most popular editors for Flutter. These editors can configure with Flutter plugins which provides code completion, syntax highlighting, widget editing assists, run & debug support, and more.

In this article, we talk about set up Android Studio and VS Code editors for Flutter development.

Android Studio

  1. Open Android Studio.
  2. Open plugin preferences (Configure > Plugins as of v3.6.3.0 or later).
  3. Select the Flutter plugin and click Install.
  4. Click Yes when prompted to install the Dart plugin.
  5. Click Restart when prompted.

VS Code

  1. Open VS Code.
  2. Click Extensions on the left pane.
  3. Search Flutter on the Extension Marketplace.
  4. Select the Flutter plugin and click Install.
  5. Restart editor after all is completed.

I highly recommend VS code for Flutter development because VS Code is a lightweight editor with Flutter app execution, debug support and more.

Congratulations now you set up a code editor for Flutter development. If you are interested to know about creating a Flutter project read the following article. https://mspathum.medium.com/create-and-run-flutter-app-cd2eb40603d4

--

--

Pathum Senadeera

Flutter Mobile Application Developer | Software Engineer