The Fuchsia SDK samples repository includes a getting-started.code-workspace file. This configuration file sets up a VS Code workspace for the Fuchsia SDK and recommends Fuchsia-specific VS Code extensions.

In VS Code, do the following:

  1. Click File > Open Workspace from File.

    This opens the host machine's home directory.

  2. Go to your fuchsia-getting-started directory.

  3. Select the getting-started.code-workspace file.

  4. Click Yes, I trust the authors.

    A pop-up message appears at the bottom right corner of VS Code.

  5. Click Install.

    This installed the following extensions:

    Note: You may see more pop-ups recommending other extensions while using VS Code. However, you can safely ignore them for the rest of this guide.

The layout diagram below shows the parts in VS Code that are relevant in this guide:

  1. TERMINAL tab
  2. Target device icon
  3. Command Palette
  4. FUCHSIA LOGS tab
  5. Explorer icon
  6. Run and Debug icon
  7. DEBUG CONSOLE tab
  8. OPEN EDITORS view
  9. Status bar for the remote host