晚上在快樂的寫程式碼的時候，突然碰到一個 eslint 檢查器的錯誤：
<!-- 這樣一段程式碼 -->
<Col>
<Button>test</Button>
</Col>
<!-- 報了一個這樣的錯誤 -->
`Parsing error: x-invalid-end-tag vue/no-parsing-error`
一路翻閱了 Eslint-Plugin-Vue 和 Vetur 的文件，終於找到了一段說明：
步驟如下：
- 打開 VS Code 的設定，搜索
vetur.validation.template關閉掉（ set to false） - 修改
.eslintrc檔案的 rules，如果你之前沒有安裝過，需要重新安裝eslint-plugin-vue，確保提示是來自於.eslintrc檔案。 .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—