VSCode配合ESLint自动修复格式化

 

配置VSCode的用户配置

{
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    // "workbench.colorTheme": "Monokai",
    "eslint.validate": [
      "javascript",
      "javascriptreact",
      {
        "language": "html",
        "autoFix": true
      },
      {
        "language": "vue",
        "autoFix": true
      }
    ],
    // 保存自动修复
    "eslint.autoFixOnSave": true,
    // Enable/disable default JavaScript formatter (For Prettier)
    "javascript.format.enable": false,
    "prettier.singleQuote": true,
    // 点击保存时，根据 eslint 规则自定修复，同时集成 prettier 到 eslint 中
    "prettier.eslintIntegration": true,
    "git.autofetch": true,
    "window.zoomLevel": 0,
    "files.autoSave": "off",
    "workbench.statusBar.visible": true,
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    }

好用的插件

Turbo Console Log

快捷添加 console.log，一键 注释 / 启用 / 删除 所有 console.log。

ctrl + alt + l 选中变量之后，使用这个快捷键生成 console.log
alt + shift + c 注释所有 console.log
alt + shift + u 启用所有 console.log
alt + shift + d 删除所有 console.log