VS code 支持ESlint 自動修復 for vue

由於被不少網上教程給誤導了，因此寫一篇本身都成功經從來分享，修復效果很完美，你們能夠參考。

1 安裝插件 ESlint and Vetur

實驗版本：VScode V1.40.1 和 1.36.1
我安裝的是：

1. ESlint 1.9.1
2. Vetur 0.22.6

網上不少說要安裝prettier，我試了會重複格式化，並且prettier沒配置好，ESlint修復好還會被prettier覆蓋成錯誤的格式。因此你們慎重使用prettier。

2 setting.json

{
    "files.autoSave": "off", // 開啓自動保存觸發不了fix修復
    "vetur.format.defaultFormatter.js": "prettier-eslint", // 重要，否則vue文件會都格式化成默認都js格式，而非ESlint格式
    "eslint.alwaysShowStatus": true,
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
        "javascript",
        {
            "language": "vue",
            "autoFix": true
        },
        "html"
    ]
}

3 重啓VScode開啓coding之旅