如何在VSCode中一键删除代码中所有多余的空格和空行

胖涛吖_6275

胖涛吖_6275

2026-04-07

613人浏览

原创

vscode原生支持删除行尾空格和空行:启用editor.trimtrailingwhitespace可自动清除行尾空格,配合editor.formatonsave及prettier等格式化工具可删空行;手动执行“trim trailing whitespace”命令仅处理行尾空白,不删空行;正则替换(如^\s+|\s+$)可辅助清理首尾空白,但删空行需谨慎避免破坏语义。

如何在vscode中一键删除代码中所有多余的空格和空行

VSCode 自带功能就能删空格和空行,不用装插件

VSCode 内置的「保存时自动格式化」+「trim trailing whitespace」配合,能覆盖绝大多数“删多余空格”的需求。关键不是找一键按钮,而是让编辑器在你保存时自动做这件事——既省事又不丢控制权。

默认情况下 editor.trimTrailingWhitespace 是关闭的,需要手动打开;它只处理行尾空格,不碰空行。空行得靠格式化命令或额外配置。

  • 打开设置(Ctrl+, 或 Cmd+,),搜 trim trailing whitespace,勾选它
  • 同时确保 editor.formatOnSave 也开启(很多语言服务器支持删空行,比如 Prettier、ESLint、Python 的 autopep8)
  • 如果没配格式化工具,仅靠 trim 无法删除连续空行——这点容易被忽略

用快捷键手动触发:Ctrl+Shift+P → “Trim Trailing Whitespace”

这是 VSCode 原生命令,不依赖任何扩展,执行后立刻清除当前文件所有行尾空格(包括空行里的空格,但不会删掉纯空行本身)。

常见误操作:有人以为它会“压缩空行”,结果发现空行还在——因为这个命令名字很直白:trimTrailingWhitespace,只动“尾部空白”,不碰换行符。

  • 快捷键是 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(macOS),输入 Trim Trailing Whitespace 回车即可
  • 可绑定自定义快捷键:在 keybindings.json 里加一条 {"key": "ctrl+alt+x", "command": "editor.action.trimTrailingWhitespace"}
  • 它不影响光标位置,也不改变缩进或字符串内的空格

真正一键删空行 + 空格:用搜索替换正则

VSCode 的搜索面板(Ctrl+H)支持正则,适合一次性清理混合问题。比装插件快,也比写脚本直接。

VSCode
VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载

注意:正则替换会修改内容,建议先 Ctrl+Z 撤回确认效果,或开个副本测试。

  • 删所有连续空行(保留一个):查找 \n\s*\n,替换为 \n\n;再运行一次确保收敛
  • 删行首/行尾空白(含空行):启用正则,查找 ^\s+|\s+$,替换留空 —— 这会把空行变真正空行(长度为 0),但不会合并
  • 想彻底“压缩”成紧凑代码?别用正则硬刚,那是格式化工具的职责,比如运行 Format Document With... 并选 Prettier

为什么不要依赖“一键删除所有空白”的插件?

市面上有些插件叫 “Remove Blank Lines” 或 “Trimmer”,看似方便,实则风险高:它们往往无差别删空行,可能破坏代码段落语义(比如函数之间、注释块之间的空行)、JSON/YAML 缩进结构,甚至删掉模板字符串里的有意换行。

VSCode 原生机制更可控:trim 是精准的,格式化是可配的,正则是临时的。三者组合,已经覆盖 95% 场景。

真正难处理的,是那些嵌在字符串里、或由构建工具生成的空白——这时候该检查上游逻辑,而不是在编辑器里反复擦除。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

vscode

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2023.08.07

2035

5

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.23

2922

1

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

2023.10.13

996

3

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

2025.09.10

3299

7

format在python中的用法
format在python中的用法

Python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.07.31

1669

3

python中的format是什么意思
python中的format是什么意思

python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.06.27

1211

7

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.03

1618

5

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.04

2424

5

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

2023.10.24

5904

49

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程