How to fixed VS-code iView x-invalid-end-tag error

晚上在快乐的写代码的时候，突然碰到一个 eslint 检查器的错误：

<!-- 这样一段代码 -->
<Col>
  <Button>test</Button>
</Col>

<!-- 报了一个这样的错误 -->
`Parsing error: x-invalid-end-tag  vue/no-parsing-error`

一路翻阅了 Eslint-Plugin-Vue 和 Vetur 的文档，终于找到了一段说明：

![12FEB04B-3756-41EC-9589-0BC3D348F508.png](/resource/usr/uploads/2019/06/1297877056.png]

步骤如下：

1. 打开 VS Code 的设置，搜索 vetur.validation.template关闭掉（ set to false）
2. 修改 .eslintrc 文件的 rules，如果你之前没有安装过，需要重新安装 eslint-plugin-vue ，确保提示是来自于 .eslintrc 文件。
3. .eslintrc 配置如下：

{
  "extends": [
    "eslint:recommended",
    "plugin:vue/recommended"
  ],
  "rules": {
    "vue/html-self-closing": "off",
    "vue/no-parsing-error": [ 2, {
      "x-invalid-end-tag": false
    }]
  }
}

最后重启 VS Code，大功告成！

下面是查阅过的文章资料：

• https://github.com/vuejs/eslint-plugin-vue/blob/master/docs/rules/no-parsing-error.md
• https://github.com/vuejs/vetur/blob/master/docs/linting-error.md#linting-for-template
• https://github.com/iview/iview/issues/2828
• vs code 里面 如何 去掉 invalid-end-tag 的lint错误 .eslintrc.js rules: - Pastebin.com

—EOF—