vscode保存时自动按照eslint格式化

前言

之所以写这篇文章，是因为当时在用vuecli生成vue应用后，在eslint卡了很久，虽然有百度，但是基本都是错误的。

注意： 我这里用的是vue，其他也差不多一样配置

1. 安装插件

vscode中安装Eslint插件。

2. 配置vscode

进入首选项后，搜索validate, 找到eslint的配置，如下

image.png

选择settings.json

image.png

注意红框中的内容，是要修改的。代码贴在下面：

"eslint.autoFixOnSave": true,
"eslint.validate": [
        "javascript",
        {
            "language": "vue",
            "autoFix": true
        },
        "html",
        "vue"
    ]

按上面配置基本就可以解决自动格式化问题了。 可以试一下，在保存文件时，*.vue文件已经可以自动格式化了。