如何在VSCode中格式化文件时保持对象内容单行不被格式化处理
方案1:使用Prettier插件(最常用的前端格式化工具)
修改项目根目录下的.prettierrc配置文件,添加/调整以下参数:
{ "printWidth": 200, "singleAttributePerLine": false }
printWidth:控制Prettier自动换行的行宽阈值,数值越大越不容易触发换行- 如果你只需要个别对象不被强制换行,可以在对应对象上方加注释
// prettier-ignore,Prettier会跳过该对象的格式化处理
方案2:使用VS Code内置JS/TS格式化器
打开VS Code设置面板(快捷键 Ctrl+,(Windows/Linux)/ Cmd+,(Mac)),搜索并修改以下配置:
- 将
JavaScript > Format: Wrap Line Length调整为200或更大的数值 - 将
TypeScript > Format: Object Literal New Lines选项设置为keep,保留原有对象的换行状态,不自动拆分单行对象为多行
方案3:搭配ESLint使用的额外配置
如果你的项目启用了ESLint校验,需要在.eslintrc规则中添加以下配置,避免ESLint强制拆分对象属性换行:
{ "rules": { "object-property-newline": ["error", { "allowAllPropertiesOnSameLine": true }] } }
内容的提问来源于stack exchange,提问作者ansh_5
相关产品推荐
相关产品推荐

