VSCode 提供 Settings UI 和 settings.json 两种配置方式:Settings UI 适合新手快速操作,自动校验;settings.json 支持精确控制、版本管理与跨设备同步;命令面板可快速切换二者;工作区设置实现项目级隔离并支持 Git 同步。

如果您在 Visual Studio Code 中调整编辑器行为,可能会面临 Settings UI(图形界面)和 settings.json(手动编辑 JSON 文件)两种配置方式的选择。以下是这两种方式的具体操作路径与适用场景:
本文运行环境:MacBook Air,macOS Sequoia。
一、使用 Settings UI 进行配置
Settings UI 提供可视化交互,适合不熟悉 JSON 语法、偏好点击操作或需快速启用/禁用常见功能的用户。它自动校验输入值类型,防止格式错误导致配置失效。
1、按下 Cmd + ,(Windows/Linux 为 Ctrl + ,)打开设置界面。
2、在搜索框中输入关键词,例如 font size 或 auto save。
3、在结果列表中找到对应设置项,点击右侧开关切换布尔值,或点击输入框修改数值、下拉选择预设选项。
4、更改后无需手动保存,VSCode 自动持久化至用户设置。
二、直接编辑 settings.json 文件
settings.json 允许精确控制所有可配置项,支持复制粘贴、版本控制、跨设备同步及批量修改,适用于高级用户、团队统一配置或需启用 UI 中未暴露选项的场景。
1、在 Settings UI 右上角点击 打开设置(JSON) 图标(花括号 {})。
2、在打开的 settings.json 文件中,于 {} 内添加键值对,例如:"editor.fontSize": 14。
3、确保每行末尾无逗号,最后一个属性后不加逗号,且整个文件保持合法 JSON 格式。
4、按下 Cmd + S 保存文件,VSCode 实时应用变更并高亮显示语法错误(如有)。
三、通过命令面板快速切换配置源
命令面板提供快捷入口,可在不离开当前编辑上下文的前提下跳转至任一配置方式,提升多任务切换效率。
1、按下 Cmd + Shift + P(Windows/Linux 为 Ctrl + Shift + P)调出命令面板。
2、输入 Preferences: Open Settings (UI) 并回车,进入图形界面。
3、或输入 Preferences: Open Settings (JSON) 并回车,直接打开 JSON 文件。
四、利用工作区设置实现项目级隔离
工作区设置允许为特定文件夹单独定义配置,避免全局污染,尤其适合混合技术栈项目或协作开发中保留团队约定。
1、在 VSCode 中打开一个文件夹作为工作区。
2、执行 Preferences: Open Workspace Settings (JSON) 命令。
3、在生成的 .vscode/settings.json 中写入仅对该文件夹生效的配置项,例如:"eslint.enable": true。
4、该文件会被纳入 Git 版本管理,其他协作者克隆后自动继承相同设置。










