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

最新推荐文章于 2024-07-04 11:41:59 发布
最新推荐文章于 2024-07-04 11:41:59 发布
阅读量4.5k 收藏 8
点赞数 4
分类专栏： 前端 文章标签： html css ide webstorm vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shd_0310/article/details/120769177
版权

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

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

我以为我可以的
关注
专栏目录
前端代码统一格式化=》Prettier配置指南
weixin_40231090的博客
07-01 378
本文主要介绍Prettier（一种代码格式化插件）的基本配置，读者可以拿来即用，也可以根据自己的风格自行调整。prettier共有23个配置，这里列举了其中常用的13个(项目基本够用)，大家感兴趣可以查看prettier官网完整配置由于JSON文件不支持注释，为了方便大家复制即可使用，我单独又写了一份注释代码段。我一共列举了13个常用的配置，大家可以根据自己的风格继续改造，剩下的10个项目根本不常用，感兴趣的可以去官网深入了解。
prettier格式化代码：
BAOXF专栏
03-10 4763
1.首先在vscode插件里查找安装prettier，如果装成功了，插件列表是高亮的，如果是灰色就是没应用了，可能是vscode的版本问题。 我目前的版本：vscode 1.41.1 prettier版本 3.18.0 2.打开每个项目工程： vscode左下角螺丝图案打开设置页面，编辑setting.json会在项目文件夹下面生成叫.vscode的文件夹，内有settings.j...
项目格式化插件 prettier
weixin_45044818的博客
04-01 669
说明 在写项目的时候，缩进，引号，空格等大家的规范都不太一致，为了统一这个规范，可以使用一个自动格式化的插件-------prettier。 使用步骤 1.在vscoe中安装prettier插件 2.在项目的根目录导入prettier的配置文件，文件为.prettierrc { "semi": false, // 是否使用分号，默认为true "singleQuote": true, // 是否使用单引号，默认为false "trailingComma": "none" // 行尾逗号 }
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 " :
解决js对象解构赋值多行格式被prettier格式化为一行的问题
最新发布
文本魔术
07-04 225
目前没有特别好的解决方法，但是有一个hack方法，就是在第一个解构参数后面加个空注释，骗过prettier。欢迎关注公众号：清晰编程，获取更多精彩内容。
小记--关闭prettier校验
沙骑马
04-25 275
.eslintrc文件下的rules里面添加一句"prettier/prettier": “off”
vue 关闭prettier警告warn
老段的CSDN的博客
08-19 1280
这个就是我们创建vue cli的时候 把这个给默认上了。
如何关闭“prettier/prettier“的警告
牛先森家的博客
05-20 7111
如何关闭"prettier/prettier"的警告 找到项目里的.eslintrc.js文件，在rules里面添加一句"prettier/prettier": "off"，重启项目；
出现警告：warning Replace `‘xxx‘` with `“xxx“` prettier/prettier，关闭Prettier代码格式化工具
qq_46617584的博客
10-31 2799
warning Replace `'xxx'` with `"xxx"` prettier/prettier
prettier - vscode 保存代码自动格式化插件安装与配置项备注
_
04-02 4494
目录 prettier - vscode 保存代码自动格式化插件 配置保存文件时自动格式化 配置保存时HTML标签不自动换行（2020.12.03 13:58 再更新） 我的改动 关于配置项 项目代码格式化 部分 prettier 配置及注释 部分 eslint 配置及注释 vetur 插件配置截图（针对 .vue 文件） prettier - vscode 保存代码自动格式化插件 安装自行百度，只需要在 vscode 插件里搜索 prettier，
Vue提高篇六： 使用Vetur+ESLint+Prettier插件提升开发效率
我的博客
10-19 1944
系列文章目录 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提高篇六
.prettierrc
10-14
prettier插件的尾标签换行规则属性变更了
html格式化源码(tab符自动缩进)
06-02
因此，开发者通常会利用代码编辑器的自动格式化功能，它可以根据设定的缩进风格（例如使用空格或tab）来整理代码。比如，SanYe可能是一个知名的代码编辑器或者格式化插件，它可以自动为HTML源码添加tab符以实现缩进...
【vue-配置】vue静态检查报错解决：关闭“prettier/prettier“:“off“
jieweiwujie的博客
09-12 1718
“prettier/prettier”:“off”
VScode 文件用Prettier格式化后，结束标签 ＞ 跑到下一行的问题
TheSpiritIsHeart的博客
01-28 1955
VScode 文件用Prettier格式化后，结束标签 > 跑到下一行的问题
Vue项目关闭ESLint + Prettier代码规范
c13691875769的博客
01-07 2019
关闭ESLint + Prettier代码规范
prettier的配置参考
xiongxiaolin123的博客
04-30 5379
/* prettier的配置 */ "prettier.printWidth": 100, // 超过最大值换行 "prettier.tabWidth": 4, // 缩进字节数 "prettier.useTabs": false, // 缩进不使用tab，使用空格 "prettier.semi": true, // 句尾添加分号 "prettier.si...
Prettier - Code formatter 格式化配置
佚名程序员
05-11 3268
项目根目录下创建 .prettierrc.js module.exports = { tabWidth: 4, // 缩进字节数 useTabs: true,// 缩进使用tab，不使用空格 printWidth: 140, // 超过最大值换行 bracketSpacing: false,// 在对象，数组括号与文字之间加空格 "{ foo: bar }" singleQuote: true, //字符串是否使用单引号，默认为false，使用双引号 semi
prettier格式化代码
kaissgf的博客
05-24 473
/ 在多行JSX元素最后一行的末尾添加 > 而使 > 单独一行（不适用于自闭和元素）即设置为在保存时自动格式化，保存时自动进行格式化，或用Shift+Option+f执行格式化。// vue文件的script标签和Style标签下的内容是否需要缩进。// 在对象字面量声明所使用的的花括号后（{）和前（}）输出空格。// 箭头函数，只有一个参数的时候也需要括号。// 不需要写文件开头的 @prettier。// 每个文件格式化的起始范围。// 每个文件格式化的结束范围。// 内嵌代码格式化。
webstrom 自动格式化插件Prettier使用方法
04-09
Prettier是一款自动格式化插件，可以帮助你快速整理代码格式，提高开发效率。使用方法如下： 1. 首先，你需要安装Prettier插件。在WebStorm中，你可以通过以下步骤安装插件：File -> Settings -> Plugins -> 搜索"Prettier" -> Install。 2. 安装完成后，在WebStorm的File菜单中选择"Settings" -> "Languages & Frameworks" -> "JavaScript" -> "Prettier"。 3. 在Prettier设置面板中，选择"Enable"，并选择Prettier的配置文件。如果你没有配置文件，可以选择使用默认配置。 4. 配置完成后，在WebStorm中打开你要格式化的文件，按下"Ctrl+Alt+Shift+P"的快捷键，即可自动格式化代码。 希望这个回答能够帮到你。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值