使用Prettier可有效解决VSCode中@keyframes格式化问题。安装Prettier插件，配置.prettierrc文件，并设为默认格式化工具，即可实现关键帧的正确缩进与换行，提升代码可维护性。
VSCode 默认的格式化工具（如内置的 CSS 格式化器或使用
Prettier
）有时对
关键帧代码的格式化效果不理想，比如缩进错乱、换行不合理等。要正确格式化 CSS 动画关键帧，可以按以下方法操作。
使用 Prettier 统一格式化 @keyframes
推荐安装并配置
Prettier
插件来增强 VSCode 的格式化能力，它对关键帧支持更好。
步骤如下：
在扩展市场搜索并安装
Prettier - Code formatter
在项目根目录创建或修改
文件，添加适合 CSS 的配置，例如：
保存 CSS 文件时，Prettier 会自动格式化
块，保持良好的缩进和结构
右键选择 “Format Document With…” 并设为 Prettier 为默认格式化工具
调整 VSCode 内置格式化设置
如果不想用第三方工具，可尝试优化 VSCode 自带的 CSS 格式化行为。
打开设置（Ctrl + ,），搜索 “
css
format”
检查以下选项是否启用：
CSS › Format: Enable
— 确保开启
CSS › Format: Newline Between Rules
— 可设为 true 提高可读性
CSS › Format: Space Around Selector Separator
— 控制空格风格
elasticsearch-9.4.0 win
PHP中文网提供Elasticsearch 9.4.0 Windows 版本压缩包下载解压即用，内置 OpenJDK 无需额外配置 Java 环境。该版本重磅推出原生 Prometheus 支持、正式版 Elastic Workflows 以及基于 NVIDIA cuVS 的 GPU 加速向量索引，大幅提升 AI 检索与可观测性能力。建议前往官网下载，快速体验极速搜索与强大的数据分析功能。
下载
立即学习
“
前端免费学习笔记（深入）
”；
虽然这些设置不能完全修复关键帧细节，但能改善整体排版
手动触发格式化快捷键
确保你使用正确的快捷方式让格式化生效。
Windows/Linux：按下
Shift + Alt + F
mac
OS：按下
Shift + Option + F
若未生效，先通过右键菜单选择 “Format Document With…” 明确指定格式化器
基本上就这些。使用 Prettier 是最稳定的方式，能很好处理
动画代码的缩进与换行，提升可维护性。配置一次后，每次保存都能自动美化动画样式。
@keyframes.prettierrc{
"semi": true,
"trailingComma": "es5",
"tabWidth": 2,
"useTabs": false,
"singleQuote": false,
"printWidth": 80,
"bracketSpacing": true
}@keyframes@keyframes