vscode设置prettier格式化代码通过eslint检查

在网上找了很多种方法，发现很多都没有办法直接用，像我这种小白没法理解，然后自己搞了个
安装插件

我用到的就以上插件，然后ctrl+shift+p搜索setting选择

选择打开设置json

{
    "vetur.validation.template": false,
    "[vue]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[scss]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "vetur.format.defaultFormatter.html": "prettier",
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    }
}

就以上代码就可以了，如果以前设置过，去掉上面代码的第一层大括号在加入原来的打括号里面。我的做法不是ctrl+s保存的时候进行代码格式化，要自己手动shift+alt+f格式化代码。

补充点：
Prettier插件更新到4.1.1一些默认的设置似乎更改了，没有办法通过vue的eslint了。
只需要在上面代码里面加入

"prettier.arrowParens": "avoid",
"prettier.trailingComma": "none"

这个设置，就可以了，具体可以通过



这两个设置和上面的代码是一样的。