Skip to content

Commit cf816dd

Browse files
authored
Update VS Code page (#5958)
Fixes #4057
1 parent 57b5fed commit cf816dd

File tree

1 file changed

+37
-12
lines changed

1 file changed

+37
-12
lines changed

src/content/tools/vs-code.md

+37-12
Original file line numberDiff line numberDiff line change
@@ -4,19 +4,44 @@ description: You can use VS Code to develop Dart apps.
44
toc: false
55
---
66

7-
With the Dart plugin, you can use [Visual Studio Code (VS Code)][vs-code]
8-
to develop Dart apps.
9-
The Flutter site has details on how to set up and use VS Code for Flutter apps.
7+
To develop Dart apps,
8+
install [Visual Studio Code][vs-code] (VS Code)
9+
and add the [Dart extension][].
1010

11-
Until this page has more information,
12-
see the Flutter documentation for instructions that you can apply to
13-
other kinds of Dart apps:
11+
## Install VS Code
1412

15-
* [Set up an editor][setup] on the Flutter site has
16-
instructions for installing the Flutter and Dart plugins into VS Code.
17-
* [Visual Studio Code][vscode-flutter] on the Flutter site has
18-
details on using VS Code to develop Flutter apps.
13+
To install the latest version of [VS Code][],
14+
follow Microsoft's instructions for the relevant platform:
1915

20-
[setup]: {{site.flutter-docs}}/get-started/editor?tab=vscode
16+
- [Install on macOS][]
17+
- [Install on Windows][]
18+
- [Install on Linux][]
19+
20+
[VS Code]: https://code.visualstudio.com/
21+
[Install on macOS]: https://code.visualstudio.com/docs/setup/mac
22+
[Install on Windows]: https://code.visualstudio.com/docs/setup/windows
23+
[Install on Linux]: https://code.visualstudio.com/docs/setup/linux
24+
25+
## Install the VS Code Dart extension
26+
27+
The Dart extension for VS Code supports Dart-specific development capabilities.
28+
These include syntax highlighting, package resolution, hot reload, and others.
29+
30+
1. Launch **VS Code**.
31+
32+
1. Click **Extensions** in the **Activity Bar**.
33+
You can also press
34+
<kbd>Control</kbd> / <kbd>Command</kbd> +
35+
<kbd>Shift</kbd> + <kbd>X</kbd>.
36+
37+
1. In the Search box, type `Dart`.
38+
The first extension returned should be the [Dart extension][].
39+
40+
1. Click **Install**.
41+
42+
To review the full list of features,
43+
consult the [extension documentation][Dart extension].
44+
45+
[Dart extension]: https://marketplace.visualstudio.com/items?itemName=Dart-Code.dart-code
46+
[documentation]: https://dartcode.org/docs/
2147
[vs-code]: https://code.visualstudio.com/
22-
[vscode-flutter]: {{site.flutter-docs}}/development/tools/vs-code

0 commit comments

Comments
 (0)