prettier.trailingComma给对象尾部添加逗号不生效?

于 2024-03-18 14:33:44 发布
阅读量430 收藏
点赞数 2
文章标签： vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tan_xiao_tan/article/details/136808452
版权

vscode编辑器设置prettier.trailingComma给对象尾部添加逗号不生效

在setting.json文件中prettier.trailingComma:'es5'保存后再重启vscode发现设置的没生效,对象依然没有尾部加逗号
解决方案:在项目中的prettierrc.json文件中设置
{
	"trailingComma": "es5"//es5是指给对象尾部添加逗号,all是给所有类型的尾部添加逗号,none不加逗号
}
重启vscode后发现对象尾部添加了逗号
sunshine 覃糖
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
prettier trailingcomma_解决vscode eslint与prettier冲突
weixin_39636226的博客
11-25 1万+
起因vscode 升级了 prettier 3.0+之后，eslint 与 prettier 配合使用的配置总是冲突，保存自动格式化时人都快搞没了！！版本 ：vscode v1.41.1 、vscode-prettier v3.18.0、 vscode-eslint v2.0.11我的方案按推荐删除原来的 prettier 设置，然后迁移到在 package.json 中// 工作区文件修改 xx...
prettier格式化代码：
BAOXF专栏
03-10 4732
1.首先在vscode插件里查找安装prettier，如果装成功了，插件列表是高亮的，如果是灰色就是没应用了，可能是vscode的版本问题。 我目前的版本：vscode 1.41.1 prettier版本 3.18.0 2.打开每个项目工程： vscode左下角螺丝图案打开设置页面，编辑setting.json会在项目文件夹下面生成叫.vscode的文件夹，内有settings.j...
.prettierrc.js详解
最新发布
HouYing
10-11 1885
prettierrc.js是一个用于配置Prettier插件的配置文件，我们可以根据需求来配置文件的选项。使用Prettier能够规范化整个项目代码，提高代码的可读性和可维护性。
prettier的配置参考
xiongxiaolin123的博客
04-30 5320
/* prettier的配置 */ "prettier.printWidth": 100, // 超过最大值换行 "prettier.tabWidth": 4, // 缩进字节数 "prettier.useTabs": false, // 缩进不使用tab，使用空格 "prettier.semi": true, // 句尾添加分号 "prettier.si...
prettier配置文件.prettierrc的属性含义
weixin_43758633的博客
01-29 1091
prettier配置文件.prettierrc的属性含义
vscode js里面去掉对象最后的，逗号
weixin_47372236的博客
04-22 2568
在文件→首选项→设置 搜索vetur 点击红圈 第一步：设置：“prettier.trailingComma”: “none”, 第二步：在自己的工程中package.json也添加 “trailingComma”: “none”, “prettier”: { “printWidth”: 500, “semi”: true, “singleQuote”: true, “trailingComma”: “none”, “tabWidth”: 4 }, ...
vs code中 prettier 对js不起作用设置
12-31
vs code中 prettier 对 .vue 文件格式化有效果，但是对 .js 文件不起作用，此方法能有效地解决此问题。
prettier-config-thealexpatin:我的个人prettier.js配置
05-26
prettier-config-thealexpatin Alex Patin首选的配置用法安装： $ npm install -D prettier-config-thealexpatin 创建.prettier.config.js // .prettier.config.jsmodule . exports = require ( "prettier-config-...
prettier.el：Emacs的漂亮代码格式
02-04
prettier Emacs软件包通过以最少的开销，通过请求或透明地保存文件来运行重新格式化代码。 对于像样的系统上大小合理的文件，Prettier寄存器的开销在几毫秒的范围内。 Prettier在一个长期运行的进程中运行，因此...
eslint+prettier.zip
04-29
eslint+prettier uni-app 的eslint 验证配置. 完美的代码格式. 强制统一的团队编码风格 包含一些依赖包. 配置文件.忽略文件
prettier-config:可重用的漂亮配置
03-29
更漂亮的配置 我更漂亮的配置。 它非常接近默认值，但是可以使用尾部逗号来改善git diff。 :check_mark_button: 更新了...手动地安装套件npm i -D @eliasnorrby/prettier-config 并将配置添加到prettier.config.js或p
macbook vs code prettier 插件未生效问题
bigPatrickstar的博客
07-03 565
最近用 的 格式化一直不顺利，找了很多方法，后面发现关掉拓展设置里面的寻找全局模块就行了 去到 拓展设置里面找到 关掉即可
【分享】webstorm 配置Prettier 配置.prettierrc自动格式化代码
qq_41287158的博客
05-13 4364
npm prettier npm install --save-dev --save-exact prettier 在和package,json文件同级下创建一个.prettierrc文件文件中配置你的项目文件格式化内容 { "semi": false, "singleQuote": true, "bracketSpacing": true, "trailingComma":"none", "arrowParens": "avoid" } semi： 是否使用分号，默认true，使
Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范
小王的技术库
08-23 3381
本篇文章主要介绍了如何在Vue项目中实现代码规范，主要使用了等工具。在非Vue项目中也可以参考着实现，本质上都是一样的。其实，代码规范化不仅对团队协同开发有帮助，对于个人开发，也有不少好处。最直观的就是，可以促使我们养成良好的代码习惯，而不是“随意编码”。这种好习惯有助于我们走得更好, 更远。
VSCODE Prettier插件无效
maotou526的博客
05-25 5041
起因：在VSCODE中的【设置】或者【设置的json文件】中进行prettier的配置，但是设置了后却无效 解决方法：项目根目录下建立一个.prettierrc文件，在该文件中进行配置即可 下面贴出几条常见的配置： printWidth:80 // 单行代码的最大宽度 singleQuote:true // 使用单引号而非双引号 semi:false // 在语句末尾添加分号 更多请参考：https://prettier.io/docs/en/options.html#prose-wrap ...
vscode两步自动配置eslint,
热门推荐
不忘初心
05-21 1万+
在github上面下载别人的代码,出现这样的错误,不符合eslint的语法错误 解决办法,三步, 第一安装eslint 第二配置setting file->prefercens->settings 打开json 把这些复制添加进去 //vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation":false, //重新设定tabsize "editor.tabSize":2, ......
使用prettier统一编码风格
Hei, Welcome To vickie's Blog，Good Good Study, Day Day Up ~
05-06 1万+
prettier 配置选项 单行代码的最大宽度 Print Width 指定代码换行的行长度。单行代码宽度超过指定的最大宽度，将会换行。 为了便于阅读，官方建议不要使用超过80个字符。我这边设置了160 默认 CLI API/.prettierrc/prettier.config.js/package.json[“prettier”] 80 --print-width （如果在格式化 Mark...
prettier配置不生效问题
ruisenLi的博客
04-25 1万+
在 vscode 中，通过安装 prettier 插件，可以格式化代码，保证团队代码风格保持一致，不至于代码经过其他人编辑并通过不一样的格式化方式格式化以后，git历史记录全部被覆盖的问题。 但是如果依赖 prettier 插件默认的格式，如果有人修改后，还是会和团队风格不一致，因此，需要将 prettier 的配置项，同代码一起保存，这样所有人的 prettier 项都会保存一致。 保存代码时，自动进行代码格式化 在 目录 .vscode - > settings.json 文件内，增加配置项，开启
prettier trailingComma 加逗号
07-22
对于Prettier的trailingComma选项，它控制在多行结构中是否添加逗号。当你设置trailingComma为"es5"时，Prettier会在对象和数组最后一个元素后面添加逗号。这样做的好处是，当你在后续添加新的元素时，不需要修改上一行的代码。 例如，在以下代码片段中： ``` const fruits = [ 'apple', 'banana', 'orange' ]; ``` 如果你将trailingComma设置为"es5"，Prettier会在'orange'后面添加一个逗号： ``` const fruits = [ 'apple', 'banana', 'orange', ]; ``` 这样，当你添加新的水果时，不需要修改上一行的代码。 但是，如果你将trailingComma设置为"none"，Prettier将不会在最后一个元素后面添加逗号： ``` const fruits = [ 'apple', 'banana', 'orange' ]; ``` 希望这能解答你的问题！如果你还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值