On this page
Dart IDEs
Visual Studio Code
Description: A lightweight but powerful source code editor from Microsoft, with support for many programming languages through extensions.
Setup:
- Install Visual Studio Code.
- Open Visual Studio Code.
- Go to the Extensions view by clicking the Extensions icon in the Activity Bar on the side of the window or by pressing
Ctrl+Shift+X. - Search for “Dart” and install the Dart extension.
- If you are planning to use Flutter, search for and install the “Flutter” extension as well.
IntelliJ IDEA / Android Studio
Description: IntelliJ IDEA is a powerful, full-featured IDE from JetBrains, well-suited for Dart and Flutter development. Android Studio, also based on IntelliJ, is optimized for Android development but supports Dart through plugins.
Setup:
- Download and install IntelliJ IDEA or Android Studio.
- Open IntelliJ IDEA or Android Studio.
- Go to
File > Settings(orPreferenceson macOS) >Plugins. - Search for “Dart” and install the Dart plugin.
- If you are planning to use Flutter, search for and install the “Flutter” plugin.
Atom
Description: A hackable text editor for the 21st century, created by GitHub. It supports many languages and frameworks through plugins.
Setup:
- Download and install Atom.
- Open Atom.
- Install the Dart and Flutter plugins:
- Go to
Edit > Preferences(orAtom > Preferenceson macOS) >Install. - Search for
dartand install thedartpackage. - If you are planning to use Flutter, search for and install the
flutterpackage.
- Go to
Emacs
Description: A highly customizable text editor with a rich ecosystem of plugins.
Setup:
- Install Emacs.
- Open Emacs and install the
lsp-modefor Language Server Protocol support. - Add Dart support to
lsp-mode:- Add the following to your Emacs configuration file (usually
.emacsor.emacs.d/init.el):(require 'lsp-mode) (add-hook 'dart-mode-hook #'lsp)
- Add the following to your Emacs configuration file (usually
- Install the
dart-mode:- Add the following to your Emacs configuration file:
(use-package dart-mode :hook (dart-mode . lsp) :config (setq dart-format-on-save t))
- Add the following to your Emacs configuration file:
Sublime Text
Description: A sophisticated text editor for code, markup, and prose. It features a rich ecosystem of plugins.
Setup:
- Download and install Sublime Text.
- Install the Dart package:
- Open Sublime Text.
- Open the command palette (
Ctrl+Shift+PorCmd+Shift+Pon macOS). - Type
Install Packageand selectPackage Control: Install Package. - Search for
Dartand install it.