vscode保存代码时自动eslint格式化图文教程

1、点击设置

2、选择远程--->点击右上角打开设置

3、会弹出settings.json文件，将以下内容复制进去即可

{
    "eslint.workingDirectories": [
        "./back",
        "./front"
    ],
    "editor.codeActionsOnSa ve": {
    "source.fixAll.eslint": "explicit"
    },
    "eslint.format.enable": true,
    //autoFix默认开启，只需输入字符串数组即可
    "eslint.validate": [
        "ja vascript",
        "vue",
        "html"
    ],
    "git.useEditorAsCommitInput": false,
    "editor.snippetSuggestions": "top",
    "git-graph.commitDetailsView.location": "Docked to Bottom"
}

配置完通常会马上生效，但偶尔也会遇到规则“罢工”的情况。别急着重启VSCode，最常见的原因其实很简单：配置里的工作目录路径和实际项目文件夹的名字对不上号。

举个例子，上面配置中用的 "./back" 和 "./front"，但你的项目里对应的文件夹很可能叫 "backend" 和 "frontend"。一字之差，ESLint就找不着北了。这种情况下，只需要把配置文件里的路径改成实际存在的文件夹名，保存一下，问题基本就解决了。