(vue)启动项目报错error Delete `␍` prettier/prettier
Windows在换行的时候,同时使用了回车符CR和换行符LF,即CRLF;而项目仓库中默认是Linux环境下提交的代码,文件默认是以LF结尾的,这也是工程化的需要。打开vscode设置,或者直接快捷键 Ctrl +, 在搜索栏输入 prettier,然后找到 End Of Line 这个选项设置为 auto。我们的 Prettier 插件默认 LF,所以从仓库中拉取下来的代码会因为换行符的不同导致
·
(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
更多推荐
所有评论(0)