解决prettier格式化代码时结束标签>折行的问题

文章讲述了如何修改Prettier的配置,具体增加了两个设置:将`htmlWhitespaceSensitivity`设为`ignore`以忽略HTML中的空白敏感性,以及将`bracketSameLine`设为`true`,使括号在同一行显示,以优化代码格式化效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

修改prettier的配置文件,增加下面设置:

"prettier.htmlWhitespaceSensitivity": "ignore",
"prettier.bracketSameLine": true,
### 解决 VSCode 代码格式化后丢失括号的问题 当遇到 VSCode 代码格式化之后括号丢失的情况,通常是因为配置文件设置不当或是使用的扩展程序存在兼容性问题。为了有效解决问题并确保代码风格的一致性和可读性,建议采取以下措施: #### 配置 Prettier 或 ESLint 插件 对于 JavaScript/TypeScript 等前端开发语言来说,Prettier 和 ESLint 是常用的代码格式化工作者。如果当前项目已经集成了这些工具,则需确认其配置项是否合理。 - **检查 `.prettierrc` 文件**:确保 `bracketSpacing` 设置为 true[^4]。 ```json { "semi": true, "singleQuote": false, "trailingComma": "es5", "bracketSpacing": true } ``` - **ESLint 规则调整**:如果有启用 ESLint 的话,在项目的根目录下找到 `.eslintrc.js` 并修改相应规则来保持一致的为。 ```javascript module.exports = { env: { browser: true, es6: true, }, extends: [ 'airbnb-base', ], rules: { 'space-before-function-paren': ['error', { anonymous: 'always', named: 'never' }], ... } }; ``` #### 安装或更新相关插件 有旧版本的插件可能会引发意想不到的问题,因此定期检查是否有可用的新版也很重要。前往官方市场下载最新稳定发布的插件包可以减少此类情况的发生概率[^1]。 #### 自定义用户级或工作区级别的编辑器选项 通过自定义 JSON 格式的设置对象来自定义某些为模式,比如自动插入结束标签、保留空白数等特性。这有助于防止意外删除必要的符号结构[^2]。 ```json { "[html]": { "editor.formatOnSave": true, "editor.defaultFormatter": "esbenp.prettier-vscode" }, } ``` 以上方法能够帮助恢复因格式化而消失的大括号等问题,同维持良好的编程习惯和团队协作效率。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值