| 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. |
| |
| 1. Go to your `fuchsia-getting-started` directory. |
| 1. Select the `getting-started.code-workspace` file. |
| 1. Click **Yes, I trust the authors**. |
| |
| A pop-up message appears at the bottom right corner of VS Code. |
| |
| 1. Click **Install**. |
| |
| This installed the following extensions: |
| |
| * [Fuchsia VS Code extension][fuchsia-vscode-ext]{:.external} |
| * [Bazel extension][bazel-vscode-ext]{:.external} |
| |
| 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: |
| |
| <img src="images/get-started-vscode-tabs-and-icons.png" alt="Parts in VS Code relevant to this guide" class="screenshot"> |
| |
| 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 |
| |
| <!-- Reference links --> |
| |
| [bazel-vscode-ext]: https://marketplace.visualstudio.com/items?itemName=BazelBuild.vscode-bazel |
| [fuchsia-vscode-ext]: https://marketplace.visualstudio.com/items?itemName=fuchsia-authors.vscode-fuchsia |
