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介绍与基本用法
qq_37214137的博客
03-07 2809
prettier是一个代码格式化工具，它可以支持JS/JSX/TS/Flow/JSON/CSS/LESS等文件格式。
prettier 格式化代码配置
qq_36893984的博客
07-13 992
使用的是vs code环境，前提是已经配置好prettier自动化格式，但是使用的格式化方式是prettier自己的，然后需要自定义一些格式化方法，在项目根目录创建 .prettierrc文件，然后里面写自己需要的配置：...
Prettier系列之配置
热门推荐
老__L的博客
12-18 1万+
Prettier配置看这一篇就行了
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
使用 .prettierrc 文件规定项目代码格式的详细解析
全栈三维GIS开发工程师，擅长Cesium、OpenLayers、Three.js、WebGL、Vue、Django、GDAL和QGIS技术。在这个博客里，我将分享我的开发经验、技术心得和项目案例，希望能为GIS爱好者和开发者提供有价值的参考。
07-02 2201
在软件开发过程中，代码的格式化对于提高代码的可读性和维护性至关重要。本篇博客将详细解析 .prettierrc 文件的配置参数及其可选值，并说明它们对代码格式的影响。通过在 .prettierrc 文件中配置这些参数，我们可以根据项目的需求来定制代码的格式。Prettier 可以与多种编程语言一起使用，因此你可以在各种项目中使用它来保持代码的一致性和可读性。
【vscode 格式化】prettier 格式化之后添加逗号，与eslint冲突
m0_53584457的博客
06-29 1803
最近格式化文件的时候老是添加逗号，保存的时候会eslint在格式化一遍，将逗号删掉；2.就是在设置的搜索框中输入“vetur”，点击“在settings.json中编辑”JSON文件是不支持备注的，cv过去时要删掉注释。文件配置，可直接用，配合eslint使用足够了。不过我的设置中没找到，估计是要什么配置吧，一、配置 .prettierrc 文件；
【vscode之代码格式化】ESLint 与 Prettier 配合解决代码格式问题
weixin_52479803的博客
04-18 1324
ESLint 与 Prettier 配合解决代码格式问题
Unexpected trailing comma ESlint与prettier冲突
qq_41161604的博客
06-07 6049
问题：编辑器格式化工具和eslint产生了冲突 在项目根目录下创建.prettierrc文件 .prettierrc文件: { "semi": false,//格式化时不加分号 "singleQuote": true,//用单引号替换双引号 "trailingComma": none //对象后面默认添加逗号 } 解决： “trailingComma”:none对象后面默认添加逗号 ...
prettier的配置参考
xiongxiaolin123的博客
04-30 5320
/* prettier的配置 */ "prettier.printWidth": 100, // 超过最大值换行 "prettier.tabWidth": 4, // 缩进字节数 "prettier.useTabs": false, // 缩进不使用tab，使用空格 "prettier.semi": true, // 句尾添加分号 "prettier.si...
前端配置prettier工具格式化代码
weixin_45389051的博客
07-25 1283
Prettier 是一款强大的代码格式化工具，支持 JavaScript、TypeScript、CSS、SCSS、Less、JSX、Angular、Vue、GraphQL、JSON、Markdown 等语言，基本上前端能用到的文件格式它都可以搞定，是当下最流行的代码格式化工具。 1.安装prettier npm install prettier -D 2.新建.prettierrc文件： useTabs：使用tab缩进还是空格缩进，选择false； tabWidth：tab是空格的情况下，是几个空格，选
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 }, ...
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、付费专栏及课程。

余额充值