ESLint 报错：Expected linebreaks to be 'LF' but found 'CRLF'
在前端开发过程中，我们常常会使用 ESLint 工具来进行代码规范化检查，这是应用比较广泛的工具之一。其中，一个常见的问题就是“Expected linebreaks to be 'LF' but found 'CRLF'”这个报错。
这个报错提示我们当前的代码中存在换行符的错误，因为 Linux 操作系统使用的是 LF 换行符，而 Windows 操作系统使用的是 CRLF 换行符。所以，如果代码中使用了不合适的换行符，ESLint 就会报出这个错误。
那么，如何解决这个问题呢？有以下两个方法：
方法一：使用命令行修复
可以在命令行中输入以下命令来修复这个问题：
eslint --fix --ext .js,.vue src/
这个命令会自动修改代码中的换行符问题，修复后代码就符合规范了。不过需要注意的是，这个命令仅针对当前目录下的 .js 和 .vue 文件，如果需要修改其他文件的换行符问题，需要修改命令行参数。
方法二：在编辑器中设置
除了使用命令行修复外，我们还可以在编辑器中进行设置。以 VSCode 为例，我们需要在配置中添加以下内容：
"files.autoGuessEncoding": true, "files.eol": "\n",
这样，编辑器就会自动将文件的换行符转为 LF，并将内容存储为 UTF-8 编码。
再来看一个示例代码，假设我们有以下的代码：
-- -------------------- ---- ------- -------- ------- - --------------------- - -------- ------- - --------------------- - -------- --------
如果我们使用 Windows 操作系统，保存后会把每一行的结尾添加 CRLF 换行符。运行 ESLint 后，就会收到“Expected linebreaks to be 'LF' but found 'CRLF'”的错误提示。此时，只需要使用上述方法之一修复即可。
总结：
ESLint 报错“Expected linebreaks to be 'LF' but found 'CRLF'”常常出现在前端开发过程中，并且容易解决。我们可以使用命令行修复，也可以在编辑器中进行设置。通过修复换行符问题，能够让代码更加规范化，从而有助于提高开发效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64dd96a7f6b2d6eab38d0cff