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
(orPreferences
on 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 > Preferences
on macOS) >Install
. - Search for
dart
and install thedart
package. - If you are planning to use Flutter, search for and install the
flutter
package.
- Go to
Emacs
Description: A highly customizable text editor with a rich ecosystem of plugins.
Setup:
- Install Emacs.
- Open Emacs and install the
lsp-mode
for Language Server Protocol support. - Add Dart support to
lsp-mode
:- Add the following to your Emacs configuration file (usually
.emacs
or.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+P
orCmd+Shift+P
on macOS). - Type
Install Package
and selectPackage Control: Install Package
. - Search for
Dart
and install it.