layout | title | permalink |
---|---|---|
page |
Get Started: Configure Editor |
/get-started/editor/ |
You can build apps with Flutter using any text editor combined with our command-line tools. However, we recommend using one of our editor plugins for an even better experience. With our editor plugins, you get code completion, syntax highlighting, widget editing assists, run & debug support, and more.
Follow the steps below to add an editor plugin for Android Studio, IntelliJ, or VS Code. If you want to use a different editor, that's OK, simply skip ahead to Next step: Create and run your first app.
- Android Studio
- VS Code
Android Studio: A complete, integrated IDE experience for Flutter.
- Android Studio, version 3.0 or later.
Alternatively, you can also use IntelliJ:
- IntelliJ IDEA Community, version 2017.1 or later.
- IntelliJ IDEA Ultimate, version 2017.1 or later.
Flutter is supported by two plugins:
- The
Flutter
plugin powers Flutter developer workflows (running, debugging, hot reload, etc.). - The
Dart
plugin offers code analysis (code validation as you type, code completions, etc.).
To install these:
- Start Android Studio.
- Open plugin preferences (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).
- Select Browse repositories…, select the Flutter plug-in and click
install
. - Click
Yes
when prompted to install the Dart plugin. - Click
Restart
when prompted.
VS Code: A light-weight editor with Flutter run and debug support.
- VS Code, latest stable version.
- Start VS Code
- Invoke View>Command Palette...
- Type 'install', and select the 'Extensions: Install Extension' action
- Enter
flutter
in the search field, select 'Flutter' in the list, and click Install - Select 'OK' to reload VS Code
- Invoke View>Command Palette...
- Type 'doctor', and select the 'Flutter: Run Flutter Doctor' action
- Review the output in the 'OUTPUT' pane for any issues
Let's take Flutter for a test drive: create a first project, run it, and experience 'hot reload'.