当前位置: 首页 > 文档资料 > Flutter 英文文档 >

Set up an editor

优质
小牛编辑
135浏览
2023-12-01

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. These plugins provide you with 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, skip ahead to the next step: Test drive.

Install Android Studio

Android Studio offers a complete, integrated IDE experience for Flutter.

Alternatively, you can also use IntelliJ:

Install the Flutter and Dart plugins

To install these:

  1. Start Android Studio.
  2. Open plugin preferences (Preferences > Plugins on macOS, File > Settings > Plugins on Windows & Linux).
  3. Select Browse repositories, select the Flutter plugin and click Install.
  4. Click Yes when prompted to install the Dart plugin.
  5. Click Restart when prompted.

Install VS Code

VS Code is a light-weight editor with Flutter app execution and debug support.

Install the Flutter and Dart plugins

  1. Start VS Code.
  2. Invoke View > Command Palette….
  3. Type “install”, and select Extensions: Install Extensions.
  4. Type “flutter” in the extensions search field, select Flutter in the list, and click Install. This also installs the required Dart plugin.

Validate your setup with the Flutter Doctor

  1. Invoke View > Command Palette….
  2. Type “doctor”, and select the Flutter: Run Flutter Doctor.
  3. Review the output in the OUTPUT pane for any issues.

Next step

Take Flutter for a test drive: create a first project, run it, and experience “hot reload”.