关闭prettier插件格式化 ‘＞‘会单独成一行

最新推荐文章于 2024-12-02 10:44:15 发布
最新推荐文章于 2024-12-02 10:44:15 发布
阅读量5k 收藏 8
点赞数 4
分类专栏： 前端 文章标签： html css ide webstorm vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/shd_0310/article/details/120769177
版权
在使用Prettier格式化代码时遇到问题，即便设置了'jsxBracketSameLine': true，标签的>仍会单独显示在新行。经发现，这是由于更新的Prettier版本导致的。解决方案是使用新的属性'bracketSameLine': true。正确配置后，可以避免尾标签>换行。确保更新Prettier配置以保持代码风格一致性。

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

关闭prettier插件格式化标签 >会单独成一行

使用prettier进行格式化的时候发现，标签内有文字，尾标签>会单独成一行，如下所示
在这里插入图片描述
即使设置了"jsxBracketSameLine": true,也无效？
别急，是你prettier插件版本较高，原来的尾标签属性无效了，新的属性是
"bracketSameLine": true
在这里插入图片描述
成了。全部配置属性的链接

前端代码统一格式化=》Prettier配置指南
weixin_40231090的博客
07-01 732
本文主要介绍Prettier（一种代码格式化插件）的基本配置，读者可以拿来即用，也可以根据自己的风格自行调整。prettier共有23个配置，这里列举了其中常用的13个(项目基本够用)，大家感兴趣可以查看prettier官网完整配置由于JSON文件不支持注释，为了方便大家复制即可使用，我单独又写了一份注释代码段。我一共列举了13个常用的配置，大家可以根据自己的风格继续改造，剩下的10个项目根本不常用，感兴趣的可以去官网深入了解。
prettier - vscode 保存代码自动格式化插件安装与配置项备注
_
04-02 4719
目录 prettier - vscode 保存代码自动格式化插件 配置保存文件时自动格式化 配置保存时HTML标签不自动换行（2020.12.03 13:58 再更新） 我的改动 关于配置项 项目代码格式化 部分 prettier 配置及注释 部分 eslint 配置及注释 vetur 插件配置截图（针对 .vue 文件） prettier - vscode 保存代码自动格式化插件 安装自行百度，只需要在 vscode 插件里搜索 prettier，
【Vscode】Prettier 插件格式化操作后，结束标签＞跑到下一行的问题
日常问题bug解决、学习分享、个人杂谈等等随便写写哈哈哈
12-02 734
vscode 设置 htmlWhitespaceSensitivity 配置文件 .prettierrc { "semi": false, "singleQuote": true, "htmlWhitespaceSensitivity": "ignore" } 参考文章 解决格式化插件Prettier，格式化操作后，结束标签>跑到下一行的问题 ...
【VS Code】解决 Prettier 插件配置无效的问题并优化 TypeScript 配置
lph159的博客
11-19 2299
通过解决 Prettier 无效问题，并优化 Prettier 与 TypeScript 的配置，我们可以大幅提升代码的可读性和一致性。在团队协作中，统一的代码风格还能减少代码审查中的摩擦点，提升整体开发效率。
Prettier配置指南
白的夜的博客
06-14 8807
prettier配置指南
eslint-config-prettier：关闭所有不必要的或可能与Prettier冲突的规则
02-05
eslint-config-prettier 关闭所有不必要的规则或可能与冲突的规则。 这使您可以使用自己喜欢的可共享配置，而不会在使用Prettier时妨碍其样式选择。 请注意，此配置仅关闭规则，因此仅将其与其他配置一起使用才有意义。 安装 安装eslint-config-prettier： npm install --save-dev eslint-config-prettier 然后，将eslint-config-prettier添加到.eslintrc.*文件中的“ extends”数组中。 确保将其放在最后，这样它就有机会覆盖其他配置。 { " extends " :
小记--关闭prettier校验
沙骑马
04-25 521
.eslintrc文件下的rules里面添加一句"prettier/prettier": “off”
vue 关闭prettier警告warn
老段的优快云的博客
08-19 1518
这个就是我们创建vue cli的时候 把这个给默认上了。
如何关闭“prettier/prettier“的警告
牛先森家的博客
05-20 8582
如何关闭"prettier/prettier"的警告 找到项目里的.eslintrc.js文件，在rules里面添加一句"prettier/prettier": "off"，重启项目；
出现警告：warning Replace `‘xxx‘` with `“xxx“` prettier/prettier，关闭Prettier代码格式化工具
qq_46617584的博客
10-31 3409
warning Replace `'xxx'` with `"xxx"` prettier/prettier
.prettierrc
10-14
prettier插件的尾标签换行规则属性变更了
借助prettier插件统一团队代码规范
weixin_43841400的博客
07-29 481
借助prettier统一团队代码规范
vsCode配置Eslint+Prettier结合使用详细配置步骤，规范化开发
江湖行骗老中医
12-02 1847
Eslint附带了大量的校验规则，这些规则的值分别有如下规律：off | 0 :表示关闭规则。warn | 1 :表示将该规则转换为警告。error | 2 :表示将该规则转换为错// "semi": [2, "always"],//语句强制分号结尾// "quotes": [2, "double"],//引号类型 ""//"no-alert": 0,//禁止使用alert//"no-console": 2,//禁止使用console。
Vue提高篇六： 使用Vetur+ESLint+Prettier插件提升开发效率
我的博客
10-19 2006
系列文章目录 Vue基础篇一：编写第一个Vue程序 Vue基础篇二：Vue组件的核心概念 Vue基础篇三：Vue的计算属性与侦听器 Vue基础篇四：Vue的生命周期（秒杀案例实战） Vue基础篇五：Vue的指令 Vue基础篇六：Vue使用JSX进行动态渲染 Vue提高篇一：使用Vuex进行状态管理 Vue提高篇二：使用vue-router实现静态路由 Vue提高篇三：使用vue-router实现动态路由 Vue提高篇四：使用Element UI组件库 Vue提高篇五：使用Jest进行单元测试 Vue提高篇六
prettier格式化代码
kaissgf的博客
05-24 615
/ 在多行JSX元素最后一行的末尾添加 > 而使 > 单独一行（不适用于自闭和元素）即设置为在保存时自动格式化，保存时自动进行格式化，或用Shift+Option+f执行格式化。// vue文件的script标签和Style标签下的内容是否需要缩进。// 在对象字面量声明所使用的的花括号后（{）和前（}）输出空格。// 箭头函数，只有一个参数的时候也需要括号。// 不需要写文件开头的 @prettier。// 每个文件格式化的起始范围。// 每个文件格式化的结束范围。// 内嵌代码格式化。
【vue-配置】vue静态检查报错解决：关闭“prettier/prettier“:“off“
jieweiwujie的博客
09-12 1828
“prettier/prettier”:“off”
自动格式化的html标签代码格式有问题，单独起了一行
weixin_44208883的博客
10-06 527
自动格式化的html标签代码格式问题 在prettier的配置文件中，添加htmlWhitespaceSensitivity: ‘ignore’
VScode 文件用Prettier格式化后，结束标签 ＞ 跑到下一行的问题
TheSpiritIsHeart的博客
01-28 2259
VScode 文件用Prettier格式化后，结束标签 > 跑到下一行的问题
Vue项目关闭ESLint + Prettier代码规范
c13691875769的博客
01-07 2172
关闭ESLint + Prettier代码规范
prettier使用方法
最新发布
02-01
### 如何使用Prettier进行代码格式化 #### 安装Prettier 为了能够在项目中使用Prettier，首先需要通过npm或yarn将其安装到开发依赖项中。对于Node.js环境下的项目来说，可以通过命令行执行如下操作： ```bash npm install --save-dev prettier ``` 或者使用Yarn: ```bash yarn add --dev prettier ``` 这一步骤确保了Prettier被正确引入到了项目的构建流程之中[^3]。 #### 配置文件设置 创建`.prettierrc`配置文件用于定义全局性的格式化选项。此文件通常位于项目的根目录下，并允许开发者自定义诸如最大行宽(`printWidth`)等参数。例如，下面是一个简单的配置实例，其中设置了每行字符数不超过80个以及不自动包裹Markdown文本： ```json { "printWidth": 80, "proseWrap": "never" } ``` 此外，还可以利用`.prettierignore`文件来排除不需要应用Prettier格式化的特定路径或模式匹配的文件列表[^4]。 #### 结合编辑器集成 许多现代IDE和文本编辑器都支持与Prettier无缝对接的功能扩展。以Visual Studio Code为例，在安装官方提供的[Prettier插件](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)之后，便可以在保存文件时自动触发格式化过程。只需打开VSCode的用户设置界面并启用相应的选项即可实现自动化操作。 #### 命令行工具运用 除了借助于IDE内置的支持外，也可以直接调用CLI接口来进行批量处理或是单独针对某个文件实施转换工作。比如要一次性对整个工程内的JavaScript源码做统一调整，则可运行以下指令： ```bash npx prettier --write "**/*.js" ``` 这里使用的`--write`标志会使得修改后的版本覆盖原始文件；而通配符表达式指定了待加工的目标范围[^1]。 ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值