vscode img标签 self-closing自动闭合
vscode 配置了eslint ctrl+s 自动格式化后,遇到img标签自动去除/ 问题,去除了/留下一个空格导致报错。
查了一下原因是因为 HTML(5) 不要求标签自闭合,而eslint默认开起了这个检测,可以在.eslint.js中的rules中添加'vue/html-self-closing': 'off',
去关闭这条规则。
如果想使用这个规则,具体怎么解决那个空格问题暂时没去研究。
贴上我的vscode编辑器setting.json详细配置
{
"window.zoomLevel": 1,
"workbench.sideBar.location": "left",
"editor.fontSize": 12,
"workbench.colorTheme": "Solarized Dark",
"explorer.confirmDelete": false,
"editor.lineHeight": 30,
"sync.gist": "",
"workbench.iconTheme": "vscode-icons",
"search.followSymlinks": false,
"javascript.implicitProjectConfig.experimentalDecorators": true,
"workbench.startupEditor": "newUntitledFile",
// 配置eslint保存更新代码
"editor.formatOnSave": true,
"eslint.autoFixOnSave": true,
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "vue",
"autoFix": true
}
],
"vetur.format.defaultFormattr.js": "none",
"vuter.format.defaultFormatter.html": "prettyhtml",
"vuter.format.defaultFormatterOption": {
"prettyhtml": {
"preintWidth": 80
}
},
"sync.forceUpload": false,
"vetur.format.defaultFormatter.html": "prettier",
}