(vue)启动项目报错error Delete prettier/prettier


在这里插入图片描述


原因

在 VSCode 中,如果你遇到 Delete ␍ eslint(prettier/prettier) 的错误,通常是因为文件的行尾符(换行符)格式问题。这个问题是由于不同操作系统对换行符的处理方式不同导致的:

Windows 使用 CRLF(\r\n)作为行尾符。

Linux/Mac 使用 LF(\n)作为行尾符。

ESLint 和 Prettier 默认推荐使用 LF 作为行尾符,因此当文件中存在 CRLF 时,会提示这个错误。


解决方法

  • 方法 1:修改当前文件的换行符
    1.打开 VSCode 底部状态栏,找到显示行尾符的地方(通常是 CRLF 或 LF)。
    2.点击它,然后选择 LF。
    3.保存文件,错误应该会消失。

  • 方法 2:全局配置 VSCode 使用 LF
    1.打开 VSCode 设置:
    快捷键:Ctrl + ,(Windows/Linux)或 Cmd + ,(Mac)。
    或者点击菜单:文件 > 首选项 > 设置。
    2.搜索 files.eol。
    3.将 files.eol 设置为 \n(即 LF)。
    4.保存设置,之后新建的文件都会使用 LF 作为行尾符。

  • 方法 3:配置 ESLint 忽略行尾符检查 (亲测)
    如果你不想修改行尾符,可以通过配置 ESLint 忽略这个规则。
    1.打开 .eslintrc.js 或 .eslintrc.json 文件。
    2.添加或修改以下配置:
rules: {
  'prettier/prettier': [
    'error',
    {
      endOfLine: 'auto', // 允许自动处理行尾符
    },
  ],
}

3.保存文件并重新加载 ESLint。


  • vscode全局配置(亲测有效)

打开vscode设置,或者直接快捷键 Ctrl +, 在搜索栏输入 prettier,然后找到 End Of Line 这个选项设置为 auto

在这里插入图片描述


解决参考:https://www.cnblogs.com/panwudi/p/17246837.html

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐