VS Code 不支持 CSS/SCSS 一键折叠为单行，因其默认格式化遵循可读性原则，禁用自动展开需手动替换、终端命令或插件辅助，且仅限极少数场景谨慎使用。
VS Code 中 CSS/SCSS 文件如何一键折叠为单行
不能直接“缩成一行”，VS Code 本身不提供「把多行样式压成一行」的内置功能，所有所谓“格式化成单行”的操作，本质是禁用格式化、手动替换或借助外部工具——否则会破坏可维护性，且和编辑器设计原则冲突。
为什么默认格式化不会把 CSS 压成一行
VS Code 的默认格式化器（如 Prettier 或内置 CSS 格式化）遵循可读性优先原则：属性换行、缩进对齐、空行分隔规则。强行压成一行会让 git diff 失效、审查困难、调试时无法断点定位具体属性。
-
prettier明确不支持单行 CSS 输出，--single-quote等参数只影响字符串，不影响布局 - VS Code 内置格式化器（
editor.formatOnSave）没有css.singleLine这类配置项 - 即使改用
stylelint或自定义postcss插件，也需额外配置，且非编辑器原生能力
真要压成一行？三种可行但需谨慎的操作路径
仅在极少数场景适用（如内联 style 属性、生成构建产物、临时调试），务必确认团队规范允许：
- 手动替换：
Ctrl+H（Windows/Linux）或Cmd+H（macOS），勾选「正则模式」，查找\s+，替换为空格；再手动删掉多余空格和换行（风险高，易误伤注释和值中的空格） - 终端命令（推荐）：
echo "a { color: red; display: flex; }" | tr '\n' ' ' | sed 's/[[:space:]]\+/ /g'—— 适合小段代码粘贴后处理 - 插件辅助：安装
Inline Styles或Regex Previewer，配合正则\n\s*|\s*\n替换为单个空格；注意禁用自动保存，避免误触
容易被忽略的关键细节
压缩 ≠ 格式化。生产环境该用 cssnano 或 esbuild --minify-css，而不是编辑器里手工压行。VS Code 的 editor.formatOnPaste 和 editor.formatOnSave 默认会把你刚压好的一行又“展开”回来——除非你关掉它们，或把文件后缀改成 .txt 临时规避。
