寻求可压缩JS对象/数组空白的VS Code扩展及配置方案

可用的VS Code扩展 #

• Compact JSON & JS：选中JS对象或数组后，右键菜单里就能找到对应压缩选项，直接把多行带空格的结构转换成你要的单行紧凑格式，和你给出的示例效果完全匹配。
• Minify All：除了JS对象/数组，还支持其他格式的代码压缩，选中目标代码块后右键操作即可完成转换，步骤简单直接。

用格式化工具实现的方法 #

可以通过Prettier配合VS Code的自定义操作实现需求，步骤如下：

1. 安装Prettier扩展后，在项目根目录新建.prettierrc文件，添加以下配置：

{
  "printWidth": 1,
  "trailingComma": "none",
  "bracketSpacing": false
}

2. 选中需要压缩的代码块，按下Ctrl+Shift+P打开命令面板，搜索Format Selection With...并选择Prettier，即可将选中内容压缩为单行格式。
3. 若不想全局应用该配置、避免影响正常代码格式化，可以在目标代码块前后添加注释// prettier-ignore-start和// prettier-ignore-end，或单独为特定文件配置规则。

ESLint本身没有专门的单行压缩规则，需结合Prettier这类格式化工具间接实现。

内容的提问来源于stack exchange，提问作者Marco Faustinelli