vscode设置eslint保存文件时自动修复eslint错误

https://www.jianshu.com/p/80502eb802a7

好吧,我以前也是一行一行改的,想逼自己代码写规范一点。后来发现太严格了,没有那么多时间精力去修改,还是决定采取自动修复eslint,节约不必要浪费的时间开支。

在settings.json中设置:

文件 --》首选项--》设置 ---》settings.json

  "editor.tabSize": 2, //制表符符号eslint
  "editor.formatOnSave": true, //每次保存自动格式化
  "eslint.autoFixOnSave": true, // 每次保存的时候将代码按eslint格式进行修复
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true, //让函数(名)和后面的括号之间加个空格
  "vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html
  "vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中的js按编辑器自带的ts格式进行格式化
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "auto" //属性强制折行对齐
    }
  },

本人是首先安装eslint,prettier-Code formatter,vetur 这三个插件,然后在settings.json中加入了以下这些配置:也成功了

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

 

你可能感兴趣的:(vue)