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

最新推荐文章于 2025-03-11 21:53:19 发布

慕君年~~

最新推荐文章于 2025-03-11 21:53:19 发布

阅读量5.7k

点赞数 1

文章标签： vscode ide 编辑器

本文介绍如何在VSCODE中通过配置vetur插件解决代码格式化时的单引号与双引号冲突、属性末尾的多余逗号以及分号问题，提供详细步骤和settings.json配置示例。

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

问题描述

使用VSCODE代码格式化时，会出现如下问题：
1、单引号被替换为双引号（但是EsLint要求的是单引号）
2、属性末尾添加了逗号
3、每行代码或大括号后添加了分号

解决方案

打开“设置”
搜索框中输入“vetur”，点击“在settings.json中编辑”
添加如下内容，包括即可

"vetur.format.defaultFormatterOptions": {
    "prettier": {
        "semi": false,                        // 格式化时不加分号
        "singleQuote": true,                  // 格式化时使用单引号
        "trailingComma": "none",              // 格式化时末尾不添加引号
    }
    },