6 安装与配置之首次启动配置

在完成 VSCode 的安装后，首次启动 VSCode 时，会展示一个欢迎页面和一系列的配置选项。这些配置选项可以帮助你快速建立一个适合你工作的开发环境。本篇将详细介绍如何进行首次启动配置，以便你能够更高效地使用 VSCode。

1. 欢迎页面介绍

当你首次启动 VSCode，欢迎页面将引导你完成基本设置。欢迎页面分为几个部分，主要包括：

• 打开文件或文件夹：这部分允许你快速导入你已有的项目，VSCode 支持打开文件和文件夹。
• 创建新文件：你可以直接创建新的代码文件，支持多种编程语言。
• 扩展推荐：VSCode 会推荐一些常用扩展，帮助你增强编辑器的功能。

2. 主题选择

在首次启动时，VSCode 会提示你选择一个主题。你可以选择内置主题，如 暗黑主题 或 明亮主题，也可以通过扩展安装更多主题。选择合适的主题不仅可以提升你的编码体验，还能帮助你更好地专注于代码。

主题案例

假设你选择了 暗黑主题，你可以通过以下步骤进行更改：

1. 点击左下角的设置图标。
2. 选择 颜色主题，在弹出的选项中即可选择你喜欢的主题。

3. 设置基本配置

首次启动时，你还可以选择一些基本配置。这里有几个重要的配置项：

3.1 编辑器字体

可以在 VSCode 的设置中改变编辑器的字体和大小。你可以通过设置 editor.fontSize 和 editor.fontFamily 来实现。例如：

{
    "editor.fontSize": 14,
    "editor.fontFamily": "Courier New"
}

3.2 行数和列数显示

你还可以通过设置 editor.lineNumbers 开启行号显示，或者设置 editor.wordWrap 来控制行的换行：

{
    "editor.lineNumbers": "on",
    "editor.wordWrap": "on"
}

4. 下载与安装扩展

VSCode 拥有丰富的扩展生态，你可以根据你的需求下载相应的扩展。例如，对于前端开发者来说，Prettier 可以帮助你自动格式化代码，而 Live Server 可以启动一个本地服务器，方便你实时查看效果。

扩展安装案例

1. 点击侧边栏的扩展图标。
2. 在搜索框输入你需要的扩展名，例如 Live Server。
3. 点击 安装 按钮，完成安装后，你可以通过右下角的 Go Live 按钮启动你的本地服务器。

5. 配置工作区

你可以为每个项目或工作区设置特定配置，这些配置会存储在项目文件夹中的 .vscode/settings.json 文件中。例如，你可以为 JavaScript 项目设置 ESLint 配置：

{
    "eslint.enable": true,
    "eslint.run": "onType"
}

6. 快捷键配置

如果你对某些功能有频繁的需求，可以自定义快捷键以提高效率。在设置中搜索 Keybindings，在这个界面中，你可以查看已有的快捷键，也可以修改和添加新的快捷键。

快捷键案例

例如，你希望将打开终端的快捷键更改为 Ctrl + Alt + T，你可以添加如下配置：

{
    "key": "ctrl+alt+t",
    "command": "workbench.action.terminal.toggleTerminal"
}

7. 保存与应用设置

在完成上述配置后，确保点击右上角的保存按钮，以将设置应用到你的工作环境中。

小结

在首次启动 VSCode 后，进行适当的配置可以显著提升你的工作效率。从主题的选择到扩展的安装，再到编辑器设置和快捷键配置，每一步都是为了打造一个舒适、高效的开发环境。接下来，我们将深入探讨 VSCode 的主要功能，特别是文件与编辑器的操作，使你能够更加熟练地使用这一强大的工具。