Prettier扩展格式化功能异常,保存后长段落样式显示奇怪
Prettier格式化Markdown长段落异常修复方案
问题表现
格式化前效果:
格式化后效果:
修复步骤
- 项目级配置修改
在项目根目录新建/编辑.prettierrc配置文件,添加如下参数:
{ "proseWrap": "preserve", "printWidth": 120 }
proseWrap: preserve会让Prettier保留你原始的文本换行逻辑,不会主动插入硬换行;printWidth可设置为和你编辑器自动换行的列数一致,避免触发强制折行。
- 编辑器全局配置修改(VS Code适用)
- 按下
Ctrl+,(Windows)/Cmd+,(Mac)打开设置面板 - 搜索
Prettier: Prose Wrap,下拉选择preserve - 搜索
Prettier: Print Width,调整数值为你常用的换行列数,可直接设置为999完全关闭长度触发的自动折行
- 局部忽略配置
如果仅部分文件/段落不需要被Prettier格式化,可使用忽略注释:
- 单文件全量忽略:在文件开头添加
<!-- prettier-ignore-file --> - 单个段落忽略:在需要忽略的段落上方添加
<!-- prettier-ignore -->
- 冲突排查
检查是否同时安装了其他格式化扩展(如Beautify、Markdown All in One自带格式化等),将编辑器默认Markdown格式化器指定为Prettier即可避免冲突。
内容的提问来源于stack exchange,提问作者Pritam Sarkar
相关产品推荐
相关产品推荐

