VScode去掉JS最后一项的逗号，一个命令就够了

最新推荐文章于 2024-12-24 15:08:14 发布

清颖~

最新推荐文章于 2024-12-24 15:08:14 发布

阅读量7.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端文章标签： vscode javascript ide

本文链接：https://blog.csdn.net/aaqingying/article/details/122342863

前端专栏收录该内容

100 篇文章

订阅专栏

本文介绍如何在VSCode中使用Prettier插件去除JS代码中对象或数组末尾不必要的逗号，通过配置settings.json或.prettierrc.js文件实现代码格式标准化。

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

如何去掉VSCode环境中，js代码最后一项末尾的逗号？需要配置prettier。

现象如下，末尾一项多个逗号：

let obj=[
  { title: "错误码", dataIndex: "errorCode" },
  { title: "错误描述", dataIndex: "errorMsg" },
]

末尾逗号可以是在对象的最后一项，或数组的最后一项。

解决：

方法一、在设置文件settings.json中配置："prettier.trailingComma": "none"

找设置文件的方法不是本文重点，简单说下吧（捂脸笑哭），防止有伙伴找不到：
首选项——>设置——>点击图中这个按钮，将其转换为json文件——>加上配置，图中第11行代码。
或者点击VSCode左下角的齿轮也可以设置的。

设置转为JSON文件

setting.json文件
方法二、有prettierrc配置文件时，该配置文件优先，找到项目中的.prettierrc.js（也可以是json），加这样一行代码：

trailingComma: 'none'

prettierrc文件
设置完就OK啦！
再格式化试试（ Ctrl+Alt+F 默认格式化快捷键），末尾逗号已经没有了~

传送门：VScode配置ESLint检测语法+Prettier代码格式规范化

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

清颖~

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

【Eslint】vscode 配置 eslint

04-28

3426

为了方便你不想去检测某一个文件代码格式，此时就可以使用这个文件.eslintignore；在这个文件中写入你屏蔽检测的文件名则可以。

【vscode】vscode插件汇总

充电五分钟...

08-14

1301

1、安装插件 Vue 2 Snippets //快速新建vue页面 2、添加配置，让vscode允许自定义的代码片段提示出来，文件 –> 首选项 –> 设置 —> 添加如下2项： // Specifies the location of snippets in the suggestion widget "editor.snippetSuggestions": ...

参与评论您还未登录，请先登录后发表或查看评论

vscode vue 格式化末尾逗号去除

热门推荐

懒洋洋

09-24

2万+

vscode vue项目格式化 vue项目格式化，可以安装vetur插件。配置文件打开步骤。 ctrl键+逗号键；点击这个图标，插件完成之后，配置文件，如下 { //配置vscode 的终端为 git，路径是自己的安装路径可以自己找下； "terminal.integrated.shell.windows": "C:\\Users\\wb_chenzj\\AppData\\Local\\Programs\\Git\\bin\\bash.exe", // tab 大小为2个空格

vscode里使用vetur格式化取消末尾逗号

weixin_49295874的博客

01-04

2136

【代码】vscode里使用vetur格式化取消末尾逗号。

vscode js里面去掉对象最后的，逗号

weixin_47372236的博客

04-22

2888

在文件→首选项→设置搜索vetur 点击红圈第一步：设置：“prettier.trailingComma”: “none”, 第二步：在自己的工程中package.json也添加 “trailingComma”: “none”, “prettier”: { “printWidth”: 500, “semi”: true, “singleQuote”: true, “trailingComma”: “none”, “tabWidth”: 4 }, ...

利用VsCode给每行末尾添加逗号

qq_45086135的博客

08-18

9852

利用VsCode给每行末尾添加逗号

VS Code识别编辑规范，ESlint规则，VS Code保存去掉自动加分号、逗号、双引号(1)

2401_84617356的博客

05-16

1493

如果30岁以前，可以还不知道自己想去做什么的话，那30岁之后，真的觉得时间非常的宝贵，不能再浪费时间在一些碎片化的事情上，比如说看综艺，电视剧。一个人的黄金时间也就二，三十年，不能过得浑浑噩噩。这也是为什么大家都说30岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

VSCode，格式化和eslint冲突，结尾去掉逗号，分号等

caifei331的博客

09-02

2万+

1.VSCode安装ESLint插件 2.VSCode setting.json进行如下配置 setting.json怎么找？如下 "eslint.validate": [ "javascript", "javascriptreact", "html", "vue" ], "editor.formatOnSave": false, "editor.codeActionsOnSave": { "source.fixAll.eslint":.

json对齐行尾的注释 - 在vscode格式化

tiandyoin的专栏

09-08

1799

先以json方式格式化，去除中文空格，分开双引号，拉后注释，在注释前插入token. 删除token到注释前的空白字符，实现对齐。

prettier - vscode 保存代码自动格式化插件安装与配置项备注

04-02

4790

目录 prettier - vscode 保存代码自动格式化插件配置保存文件时自动格式化配置保存时HTML标签不自动换行（2020.12.03 13:58 再更新）我的改动关于配置项项目代码格式化部分 prettier 配置及注释部分 eslint 配置及注释 vetur 插件配置截图（针对 .vue 文件） prettier - vscode 保存代码自动格式化插件安装自行百度，只需要在 vscode 插件里搜索 prettier，

如何用ts搭建一个vue3通用项目底座 | 第二篇（2）：配置项目规范

pasco152的博客

08-25

463

上一篇创建了项目，接下来开始进行代码规范配置。

vscode代码格式化、vetur代码格式化取消末尾添加逗号

HeXinT的博客

06-01

4902

vscode代码格式化、vetur代码格式化取消末尾添加逗号、vscode配置、vscode插件设置

vscode 中批量给换行记录尾部添加逗号

热爱技术的小牛

12-24

901

(\n),\n。

vscode保存格式化自动去掉分号、逗号、双引号

09-05

5864

之前每次写完代码都是双引号还有分号，看着很难受，就像修改一下，让它变成单引号，并且不加上引号：如下形式，看着简洁清晰明了。快捷键“Ctrl + Shift + P”打开命令面板。修改方式：更改 settings.json 文件。

VSCODE代码格式化问题：双引号、末尾添加分号、逗号

qq_42542301的博客

11-13

5744

VSCODE代码格式化问题：双引号、末尾添加分号、逗号

python 保存json时最后一个多了一个逗号_JSON从最后一个对象中删除尾随逗号

weixin_39687881的博客

12-14

591

This JSON data is being dynamically inserted into a template I'm working on. I'm trying to remove the trailing comma from the list of objects.The CMS I'm working in uses Velocity, which I'm not too fa...

JSON对象末尾多余逗号问题

dengqi4009的博客

07-31

2068

平时开发用的IE10，没发现这个问题，测试人员对系统兼容性测试时发现了在IE7下存在问题。问题代码如下： var person = { name: "John", age: 25, }; alert(person.age); 错误信息如下： SCRIPT1028: 缺少标识符、字符串或数字在网上...

JS截取字符串

weixin_34342992的博客

12-03

今天一同事问我关于Ajax中关于json的问题，问题如下图所示：想要的最终效果就是上面的数据格式，也就是最后一行的数据中将最后一个字符“,”给去掉，之前的效果图就是在最后一行的数据中，多了一个“,”字符，其中之前的代码内容如下所示：，首先xhhp.jsp文件中的内容如下所示：之前的jsp是没有下面用红色框框圈起来的代码内容，这是一个ajax请求获取内容信息的部分，其中...

代码检测规范和git提交规范

weixin_61933613的博客

02-18

3668

之前开发的项目，代码检测和提交规范都是已经配置好的，最近自己新建的项目就记录下相关配置过程。

vscode json注释报错

最新发布

02-27

### 如何在VSCode中正确处理JSON文件中的注释 JSON标准严格规定不允许存在任何类型的注释。然而，在开发过程中为了方便维护和理解，开发者有时希望能够在JSON文件中加入注释说明。对于这种情况，可以采用以下几种方法来实现： #### 方法一：使用工具转换带注释的JSON到纯正JSON 可以在编写阶段保留注释，但在实际应用前通过特定工具去除这些注释再传递给解释器或应用程序。 #### 方法二：利用自定义格式如JSON5 JSON5是一种向后兼容JSON的数据交换格式，允许更多的灵活性，比如支持注释、未加引号的对象键名以及尾随逗号等特性[^1]。要启用这种模式，需确保项目依赖项接受JSON5作为输入源，并安装相应的插件以便于IDE识别和支持该格式。 ```json5 { // 单行注释例子 /* 多行注释 */ "key": "value", // 后置注释也可以被支持 } ``` #### 方法三：借助预处理器或其他构建步骤如果目标环境仅能接收传统意义上的JSON数据，则可在部署流程中引入额外的编译过程——先读取含注释版本(.jsonc,.jsn)，经过清理操作后再输出纯净的目标文件(.json)供后续环节调用。 #### 方法四：调整编辑器设置忽略警告虽然这不是最佳实践，但对于某些场景下确实不需要担心有效性的验证时（例如本地配置文件），可以选择关闭VSCode内置的JSON语言服务关于非法字符的通知提醒功能。进入命令面板(`Ctrl+Shift+P`)搜索`Preferences: Open Settings (UI)` -> 寻找并勾选 `Json Validate` 下对应的选项以控制哪些类型应该受到更宽松规则的影响；或者直接修改workspace级别的settings.json: ```json { "[jsonc]": { "editor.defaultFormatter": "esbenp.prettier-vscode", "files.associations": {"*.json": "jsonc"} }, "json.schemas": [ ... ], "json.validate.enable": false, "json.lint.ignorePattern": "^.*$" } ``` 以上方式能够帮助用户更好地管理含有注释信息的JSON文档，同时保持其可读性和功能性之间的平衡。