Vuejs2 VueJs-Vetur一直在制造奇怪的断线,然后eslint对此抱怨
我目前正在我的一个vue项目中使用eslint,虽然我现在非常喜欢Linter,但它让我发疯。我有以下几行Vuejs2 VueJs-Vetur一直在制造奇怪的断线,然后eslint对此抱怨,vuejs2,eslint,eslint-config-airbnb,vetur,Vuejs2,Eslint,Eslint Config Airbnb,Vetur,我目前正在我的一个vue项目中使用eslint,虽然我现在非常喜欢Linter,但它让我发疯。我有以下几行 this.someIndex = this.someObject.someKey.length % this.someIndex; 这是短绒第一次不断变化的 this.someIndex = this.someObject.someKey.length % this.someIndex; 然后在输出中告诉我 错误:在“=”之前或之后不应有换行符 感觉有点像是有太多的linter设
this.someIndex = this.someObject.someKey.length % this.someIndex;
这是短绒第一次不断变化的
this.someIndex =
this.someObject.someKey.length % this.someIndex;
然后在输出中告诉我
错误:在“=”之前或之后不应有换行符
感觉有点像是有太多的linter设置相互冲突(在此错误之前,我还让linter在保存时删除了悬空逗号,然后显示它想要悬空逗号的错误,这在.eslintrc.js中很容易修复,但仍然不应该发生)
目前,我的.eslintrc.js如下所示
知道出了什么问题吗
module.exports = {
root: true,
env: {
node: true,
},
extends: [
'plugin:vue/essential',
'@vue/airbnb',
],
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'comma-dangle': [1, {
'arrays': 'never',
'objects': 'never',
'imports': 'never',
'exports': 'never',
'functions': 'ignore'
}],
'quotes': [0, 'double'],
'linebreak-style': [0, 'unix']
},
parserOptions: {
parser: 'babel-eslint',
},
};
更新
经过一番挖掘,我发现Vue的Vetur扩展对保存时的文件进行了更改,从而导致冲突,这与eslint设置冲突。因此,解决方案是让Vetur也使用根文件夹中的eslint配置,或者至少以相同的方式配置它,但我无法确定到目前为止是如何配置的。有什么想法吗?如果删除换行符样式规则会发生什么?对此没有影响:/OK。似乎是Vue直接提供的VS代码的Vetur扩展。不幸的是,到目前为止,我无法让它使用Projects eslint配置,现在停止冲突的唯一方法是禁用Vetur。如果删除换行符样式规则会发生什么情况?对此没有影响:/OK。似乎是Vue直接提供的VS代码的Vetur扩展。不幸的是,到目前为止,我还无法让它使用Projects eslint配置,现在唯一能停止冲突的方法就是禁用Vetur。