使用VScode时格式化遇到的问题

1.前言

我们在使用vscode时，因为我们项目开启了ESlint代码风格检查，所以当写错了代码格式时会用到vscode中格式化文件来调整代码风格，但我们使用时，一键下去，成了下面这样：

瞬间懵逼有木有？双引号和分号都出来了，这不是更乱了么，于是，寻找问题所在，那是我们在使用vscode的插件vetur时使用了默认设置，那我们需要更改这个配置：

（快速的解决办法）首先我们找到vetur的配置：

在右边的用户设置中重新设置 ”vetur.format.defaultFormatter.js”: “vscode-typescript” 来覆盖默认设置，

（正经的解决办法）

在项目中安装：npm install --global prettier

在项目的根目录下（同级index.html文件）新建.prettierrc.json，并配置：

{
    "singleQuote":true,//使用单引号而不是双引号
    "semi":false//在语句结尾处不打印分号
}

至此，当我们格式化时就不会出现不需要的分号与双引号了