更新
在过去的 4 年里,eslint-plugin-vue 有一些更新。模板中的注释现在可用于覆盖 eslint 设置。
仅用于下一行
<!-- eslint-disable-next-line max-len -->
<my-reasonably-long-component>...</my-reasonably-long-component>
用于多线目的
<!-- eslint-disable max-len -->
<my-reasonably-long-component>
...
</my-reasonably-long-component>
<!-- eslint-enable max-len -->
此外,由于添加eslint-plugin-vue v6.1.0
了vue/max-len
规则,哪些广告更多地控制了长度规则
{
"vue/max-len": ["error", {
"code": 80,
"template": 80,
"tabWidth": 2,
"comments": 80,
"ignorePattern": "",
"ignoreComments": false,
"ignoreTrailingComments": false,
"ignoreUrls": false,
"ignoreStrings": false,
"ignoreTemplateLiterals": false,
"ignoreRegExpLiterals": false,
"ignoreHTMLAttributeValues": false,
"ignoreHTMLTextContents": false,
}]
}
如果您有多个异常值,则调整模板的全局变量可能会更好。
原始答案
AFAIK,没有办法将 eslint 规则应用于模板,特别是模板中的一行。我希望被证明是错误的。
无论如何,因为我有一个包含大量文本的文件,为了解决它,我'max-len': ["error", { "code": 120 }],
在我的.eslintrc.js
文件中添加了这个规则。
这是结构(删除了其他设置)
module.exports {
rules: {
'max-len': ["error", { "code": 120 }]
}
}