Vue: 解决 “ESLint 的 Delete `CR`“报错

一、背景

安装完prettier代码格式化工具 和 eslint 之后，在将git分支合并到主分支master时，eslint检测出了错误，全面爆红，导致项目无法启动。（报错如下图所示）

二、报错原因

查找原因后发现是，在Prettier 和 Eslint 结合使用的情况下，代码运行后产生了 crlf 和 cr 差别，所以eslint 检测出来后无法启动以及全面爆红。

主要原因是 git 的 一个配置属性 core.autorlf

三、解决方法

1. 在终端修改 git 的全局配置，禁止 git 自动 将 lf 转换为 crlf

git config --global core.autocrlf false

2. 在 .eslintrc.js 的 rules 中配置，重新启动：

module.exports = {
  ....
  rules: {
    ....
    "prettier/prettier": ["error", { endOfLine: "auto" }],
  },
};

参考文献：

升崽不会飞