练习 - 使用 Visual Studio Code 网页版

  • 2 分钟

在开始按需编码之前，需要首次熟悉 Visual Studio Code 网页版。

在本练习中，你将探索 VS Code 网页版界面并练习安装扩展。

首先，你将了解 VS Code 网页版的界面。

  1. 在浏览器中，导航到 https://vscode.dev

  2. 浏览器中的体验类似于 VS Code 桌面版。 例如，在边栏上有编辑器区域、命令面板和多个视图，如源代码管理器和扩展。 在浏览器中工作时，此界面可提供一致的体验。

    vscode.dev 登陆页面的屏幕截图。

安装扩展

现在，可以通过安装扩展来自定义 VS Code 网页版。

  1. 在边栏上，单击“扩展”视图。

    VS Code 活动栏中扩展视图图标的屏幕截图。

  2. 在此处，可以看到已安装哪些扩展并浏览其他扩展。

  3. 尝试通过搜索“github theme”来安装 GitHub Theme 扩展

  4. 选择 GitHub Theme 扩展，然后单击“安装”。

    VS Code 中 GitHub Theme 扩展的屏幕截图，其中突出显示了搜索框和“安装”按钮。

  5. 请注意闪电般的扩展安装速度，而且全部在浏览器中操作！

干得漂亮! 你已完成 VS Code 网页版的初始导航。 虽然这可能是第一次浏览到 https://vscode.dev，但如果你使用过 VS Code 桌面版，它应该看起来很熟悉。

在下一部分中，你将了解如何在 VS Code 网页版中使用远程存储库。