❤ Vue使用Eslint检测报错问题和解决

❤ Vue使用Eslint检测报错问题和解决

1、 关闭Eslint检测

关闭ESLint语法检测即可：具体步骤如下：

第一步我们打开setting设置：

打开左上角的file，然后点击setting

接下来进入setting以后我们来看下面操作：

eol-last

在–fix命令行上的选项可以自动修复一些被这条规则反映的问题。

在非空文件中跟踪换行符是一种常见的 UNIX 习惯用法。尾随换行符的好处包括能够连接或附加文件以及输出文件到终端而不会干扰 shell 提示。

规则细节
该规则在非空文件的末尾至少执行一个换行符（或不存在）。

此规则在 v0.16.0 之前还强制文件末尾只有一行。如果您仍然需要这种行为，请考虑启用无多空行maxEOF和/或无尾空格。

此规则的错误代码示例：

/*eslint eol-last: ["error", "always"]*/

function doSmth() {
  var foo = 2;
}
此规则的正确代码示例：

/*eslint eol-last: ["error", "always"]*/

function doSmth() {
  var foo = 2;
}\n

【解决问题】

• 1 把项目中有个配置文件.editorconfig，insert_final_newline=true改成false
• 2 .eslintrc.js中取消最后该规则的校验'eol-last': 0

重新编译，没有警告了。

2、no-multiple-empty-lines

一些开发人员更喜欢删除多个空行，而另一些开发人员则认为这有助于提高可读性。
空格对于分隔代码的逻辑部分非常有用，但是多余的空白占用了更多的屏幕。

规则细节
规则旨在减少阅读代码时所需的滚动。它会在超过最大空行数量时发出警告。

选项
该规则有对象选项：

"max"（默认2：）强制连续空行的最大数量。
"maxEOF" 在文件结尾处强制执行最大数量的连续空行。
"maxBOF" 在文件的开头强制执行最大数量的连续空行。
max
{ "max": 2 }选项规则的默认代码错误代码示例：

/*eslint no-multiple-empty-lines: "error"*/

var foo = 5;



var bar = 3;
具有默认选项的{ "max": 2 }规则的正确代码示例：

/*eslint no-multiple-empty-lines: "error"*/

var foo = 5;

var bar = 3;

npm run dev启动报错问题

1、 版本问题
npm i less-loader@4.1.0