如何让VSCode Vue格式化时自动补分号和双引号？

本文共计497个文字，预计阅读时间需要2分钟。

在用VSCode开发Vue项目时，严格的格式检查让人有点烦恼。当然，你需要一款可以自动格式化的插件来快速进行格式化检查。推荐使用+vetur+插件，它能够对Vue文件进行识别与高亮显示。

在使用vscode开发vue项目时，严格检查让人有点烦恼，必然需要一款可以自动格式化的插件进行快速严格检查的格式化。vscode插件会推荐使用 vetur 插件才会进行vue文件的识别与高亮。

安装完 vetur 后确实是可以对 vue文件进行高亮显示了，但是当你按下 shift+alt+f 进行格式化时，发现本来没有错误的代码却变成了一堆错误，莫名加上了分号，单引号也成功变成双引号了。在vue的严格检查中这些是最烦的。

那么需要对vscode的配置文件进行配置才可支持vue正确格式化。

打开 文件 -》首选项 -》往下拉找到 settings.json -》打开

默认的 settings.json 配置项可能不一样，现在只需要往json中写入以下配置就可格式化vue啦。

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

可能会出现 分号和双引号确实不会再自动添加了，但是不会在方法括号之间插入空格，可以再加入这条配置即可。