html 单引号-eslint错误含义及解决方案总结

解决eslint的报错问题，可以根据错误行数快速定位。

(1)Stringsmustusesinglequotequotes 表示变量使用双冒号，只需将表示变量的双冒号改为单冒号即可。

(2) Expectedtobeenished by doublequotes (vue/html-quotes) 这个错误的意思是要把单冒号改成双冒号

(3)Trailingspacesnotallowedno-trailing-spaces表示某些地方有多余的空格，比如标签末尾html 单引号，删除多余的空格即可

(4)Unexpectedtabcharacter'的含义是意外的制表符。 当时它出现的时候，我已经习惯用Tab键打空格了。 不过eslint默认是不识别Tab的，所以解决办法很简单：

在 eslint 配置文件（.eslintrc）中的规则项中添加一行：“no-tabs”：“off”。 如下：

(5) 'expectedindentationof2spacesbutfound1tab' 字面意思是预期缩进 2 个空格，但发现 1 个 Tab。 说实话，一开始我找了很久html 单引号，也没找到原因。 然后我想到eslint可能无法识别选项卡的开头，于是我找到了我使用的编辑器VSCord的设置，并添加了相应的文本：

大概的意思就是保存格式时按照1tab=2space的估计将tab替换成空格，这样就不会出现问题了。

(6) 意外的尾随逗号。 (comma-dangle) 字面意思是后面有一个额外的冒号

(7)这个parenspace-in parens前面不能有空格最后有多余的空格，去掉即可。