手摸手学前端：解决vscode格式化vue代码单引号变双引号或者自动加分号的问题

前言

在使用vscode格式化vue代码时，出现单引号变成了双引号问题，还自动加分号（导致和EsLint要求不一致），来看看怎么解决它！

一、第一种方式，安装了vetur插件

1. 打开vscode的设置，搜索vetur，选择在setting.json中编辑。

   

2. 添加以下代码：

   "vetur.format.defaultFormatterOptions": {
      "prettier": {
        "semi": false,
        "singleQuote": true
      }
    }
   

   

二、第二种方式，添加配置文件

在项目根目录下新建文件：.prettierrc.json

内容是：

{
    "singleQuote":true,
    "semi":false
}

ok，问题解决！