VSCode中需安装Trailing Spaces插件并启用“Trailing Spaces: Auto Delete”,同时在settings.json中添加"files.trimTrailingWhitespace": true和"trailing-spaces.autoDelete": true,方可实现保存时自动清除行尾空格。

如果您在使用 VSCode 编辑代码时发现保存后自动删除了行尾空格,但实际并未启用该功能,可能是 Trailing Spaces 插件未正确配置或未生效。以下是实现一键清除行尾多余空格的具体操作路径:
本文运行环境:MacBook Air,macOS Sequoia。
一、安装并启用 Trailing Spaces 插件
Trailing Spaces 是一个轻量级插件,用于高亮并清除代码行末的冗余空格和制表符。启用后可配合快捷键或保存时自动清理。
1、打开 VSCode,点击左侧活动栏的扩展图标(方块拼图形状)。
2、在搜索框中输入 Trailing Spaces,找到作者为 shardulm94 的插件。
3、点击“安装”,安装完成后点击“重新加载”按钮使插件生效。
二、配置自动清除行为
插件默认仅高亮不自动删除,需手动修改设置以支持保存时自动清除,或绑定快捷键触发清除动作。
1、按下 Cmd + ,(macOS)打开设置界面。
2、在右上角搜索框中输入 trailingSpaces。
3、勾选 Trailing Spaces: Auto Delete 选项。
4、同时启用 Trailing Spaces: Highlight Current Line 可增强视觉反馈。
三、使用快捷键手动清除
当需要临时清理当前文件所有行尾空格而不想依赖保存动作时,可通过自定义快捷键快速执行清除命令。
1、按下 Cmd + Shift + P 打开命令面板。
2、输入 Trailing Spaces: Delete 并回车。
3、当前编辑器中所有行尾空格与制表符将被立即移除。
四、绑定自定义快捷键
为提升效率,可将清除操作绑定到固定组合键,避免每次调用命令面板。
1、按下 Cmd + K 后松开,再按 Cmd + S 打开键盘快捷键设置。
2、在搜索框中输入 trailingSpaces.delete。
3、双击右侧“无键绑定”区域,按下希望设置的快捷键组合,例如 Cmd + Option + X。
4、按回车确认绑定,此后即可一键触发清除。
五、通过保存钩子自动触发
利用 VSCode 的保存事件机制,在文件保存前自动运行 Trailing Spaces 清理逻辑,确保提交代码前无冗余空格。
1、打开 VSCode 设置,切换至“JSON”编辑模式(点击右上角花括号图标)。
2、在 settings.json 中添加以下配置项:
3、插入 "files.trimTrailingWhitespace": true。
4、确保 "trailing-spaces.autoDelete": true 已存在或手动添加。










