聊一聊新建项目eslint报错Expected linebreaks to be 'LF' but found 'CRLF' 的坑点

2,972 阅读1分钟

最近用`vue create`新建项目后,新建文件使用`eslint`格式化代码后,每次重启项目都会发现代码报了一堆红色的错误,像这样: 

该问题是因为操作系统不同导致默认换行符不一样导致的。 

  • window下默认的换行是CRLF,回车符。( `\r\n`) 
  • mac和linux默认的换行是LF,换行符。(`\n`) 

 既然找到问题,那么就有解决办法了。 

  • 配置`eslint`规则,在`.eslintrc.js`文件中`rule`规则添加配置,关闭检查 。

    rules: { 'linebreak-style': ["off", "windows"] }

  • 修改编辑器默认的换行方式,并格式化文件,下次打开就不会被重新设置了。