VSCode 隐藏高效配置包括:一、启用内联建议与自动补全增强;二、开启保存时自动格式化与修复;三、启用侧边栏文件图标高亮与缩略图预览;四、自定义多光标快捷键;五、启用终端智能复制。

如果您在使用 VSCode 时感觉功能受限或操作不够高效,可能是尚未启用或调整某些深藏于设置中的实用选项。以下是解锁这些隐藏能力的具体路径与配置方式:
本文运行环境:MacBook Air,macOS Sequoia。
一、启用内联建议与自动补全增强
VSCode 默认的代码补全仅在按下 Ctrl+Space 后触发,而启用内联建议后,编辑器会在光标后实时显示推荐项,并支持 Tab 键直接插入,大幅提升编码连贯性。
1、打开命令面板(Cmd+Shift+P)。
2、输入并选择“Preferences: Open Settings (JSON)”。
3、在 settings.json 文件中添加以下两行:
"editor.inlineSuggest.enabled": true,
"editor.suggest.insertMode": "replace"
4、保存文件后,新建一个 .js 文件并开始输入函数名,观察右侧是否出现灰色内联提示。
二、开启文件保存时自动格式化与修复
该选项可使 VSCode 在每次保存时自动执行代码格式化,并根据语言服务器能力尝试修复简单语法问题,避免手动调用格式化命令。
1、进入设置界面(Cmd+,)。
2、在右上角点击“打开设置(JSON)”图标。
3、加入如下配置:
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {"source.fixAll": true}
4、确保已安装对应语言的格式化扩展(如 Prettier 或 ESLint),否则该功能将无响应。
三、启用侧边栏文件图标高亮与缩略图预览
默认状态下,资源管理器中的文件图标为单色且无状态标识;启用图标主题与悬停预览后,可直观识别已修改、已暂存、被忽略的文件,同时图片类文件支持缩略图显示。
1、打开扩展市场(Cmd+Shift+X),搜索并安装“Material Icon Theme”。
2、在设置 JSON 中添加:
自定义设置的程度更高可以满足大部分中小型企业的建站需求,同时修正了上一版中发现的BUG,优化了核心的代码占用的服务器资源更少,执行速度比上一版更快 主要的特色功能如下: 1)特色的菜单设置功能,菜单设置分为顶部菜单和底部菜单,每一项都可以进行更名、选择是否隐 藏,排序等。 2)增加企业基本信息设置功能,输入的企业信息可以在网页底部的醒目位置看到。 3)增加了在线编辑功能,输入产品信息,企业介绍等栏
"workbench.iconTheme": "material-icon-theme",
"workbench.editor.enablePreview": true,
"explorer.compactFolders": false
3、重启 VSCode,将鼠标悬停在 PNG 或 JPG 文件名上,确认右下角是否弹出尺寸与格式信息浮层。
四、自定义多光标快捷键以提升批量编辑效率
VSCode 原生支持 Alt+Click 添加多个光标,但该行为在 macOS 上常与系统快捷键冲突;通过重映射,可改用更稳定、不易误触的组合键实现相同效果。
1、打开键盘快捷键设置(Cmd+K Cmd+S)。
2、在搜索框中输入“add cursor”。
3、找到“editor.action.addCursorsAtEndOfEachLineSelected”命令。
4、右键该条目,选择“更改键绑定”,输入 Cmd+Shift+L 并回车确认。
5、选中多行文本后按下新快捷键,验证是否在每行末尾同步生成光标。
五、启用终端智能复制(自动排除命令前缀)
当从集成终端复制输出内容时,VSCode 默认会将命令本身(如 $ npm run dev)一同复制,干扰粘贴复用;启用此选项后,仅复制命令执行结果,提升日志处理效率。
1、打开设置 JSON。
2、添加配置项:
"terminal.integrated.copyOnSelection": false,
"terminal.integrated.smartCopy": true
3、启动一个新终端,执行任意命令(如 ls -la)。
4、用鼠标拖选部分输出文字,按下 Cmd+C,随后在编辑器中粘贴,确认粘贴内容不含 $ 符号及命令文本。









