Delete `␍`eslint(prettier/prettier)

这篇具有很好参考价值的文章主要介绍了Delete `␍`eslint(prettier/prettier)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、问题:

今天下午配置eslint和prettier 时,频频报错:Delete `␍`eslint(prettier/prettier),vscode全页面爆红。

经过多次尝试与试验后,最终多种方式结合解决了这个问题。

二、报错原因是:

安装了prettier 插件指定了文件结尾的换行符与系统的不一样所导致的。

Windows在换行的时候,同时使用了回车符CR和换行符LF,即CRLF; 而项目仓库中默认是Linux环境下提交的代码,文件默认是以LF结尾的,这也是工程化的需要。Delete `␍`eslint(prettier/prettier),编辑器

我们的 Prettier 插件默认 LF,所以从仓库中拉取下来的代码会因为换行符的不同导致全屏爆红。

三、解决办法

1、通过IDE一键切换

在vscode文件的底部配置,将LF直接改为CRLF,但是这个方法只针对单个文件,所有文件都需要一个一个手动修改,比较麻烦。

Delete `␍`eslint(prettier/prettier),编辑器

2、在vscode设置中,在搜索栏中搜索prettier,找到End Of Line 这个选项设置为 auto

Delete `␍`eslint(prettier/prettier),编辑器

3、配置.prettierrc文件,

在文件对象中添加下面的配置即可,然后重启vscode

"endOfLine": "auto"

Delete `␍`eslint(prettier/prettier),编辑器

4、Crtl+S保存文件

Crtl+S保存当前报错文件,eslint错误消失,不知道是什么原理,可以试试

 

5、修改git全局配置(最佳方案)

这个问题是因为Windows在换行的时候,同时使用了回车符CR和换行符LF,即CRLF; 而项目仓库中默认是Linux环境下提交的代码,文件默认是以LF结尾的,因此,文本文件在不同系统下创建和使用时就会出现不兼容的问题,当我用windows电脑git clone代码的时候,若我的autocrlf(在windows下安装git,该选项默认为true)为true,那么文件每行会被自动转成以CRLF结尾,若对文件不做任何修改,pre-commit执行eslint的时候就会提示你删除CR

针对这个问题,可以对git全局配置做处理,使用下面这个命令,之后的仓库拉取就不会出现类似问题,执行git命令:

git config --global core.autocrlf false

这个方法主要是针对git的配置,如果想要当前项目不爆红,重新拉取一次仓库代码即可,git全局配置之后,你需要重新拉取代码。文章来源地址https://www.toymoban.com/news/detail-791755.html

到了这里,关于Delete `␍`eslint(prettier/prettier)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【VScode】ESLint :warning Delete `CR` prettier/prettier

    作用     检查 Javascript 编程时的语法错误。 新建或修改文件时报错 原因      Windows系统 ,clone的代码会自动把换行符 LF 转为回车符 CRLF ,这时本地的代码都是回车符。可在prettier.config.js中查看到 检查配置(ESLint中是否支持JavaScript/vue语言) (1)在VScode中,使用Ctr + 打开

    2024年02月02日
    浏览(56)
  • Delete `␍`eslint(prettier/prettier) in vscode 的解决方案

    从 Github 仓库拉取代码,使用 vscode 打开,页面报错,每一行都爆红 (如下图) 由于历史原因,windows下和linux下的文本文件的换行符不一致。 Windows在换行的时候,使用了换行符 CRLF 而Mac和Linux系统,仅仅使用了换行符 LF 老版本的Mac系统使用的是回车符 CR 本人的电脑是 windo

    2024年02月07日
    浏览(52)
  • 编辑器之神——vim编辑器(详细、完整)

    作者 : 永不落的梦想 作者主页 : 传送 座右铭 : 过去属于死神,未来属于自己 本文专栏 : Liunx篇      神器使用篇 今日鸡汤 : 当你想要放弃的时候想想当初为什么坚持到这里 目录 一、vi和vim介绍 二、vim的三种模式 1.三种模式 2.vim的进入和退出 三、vim模式切换 1.切换

    2024年02月16日
    浏览(64)
  • Modelsim恢复编辑器的解决方案——只能将外部编辑器删除后,重新匹配编辑器

    1,Modelsim和Questasim是相互兼容的,配置的编辑器变成了sublime,且更换不了编辑器 2,解决问题的方案,还是没得到解决 在网上搜索了:Modelsim如何恢复默认编辑器。类似相关的文档,都没有得到解决。 主要参考文献: 1,modelsim更改默认编辑器以及恢复默认编辑器 上述文章,

    2024年02月13日
    浏览(58)
  • Unity编辑器扩展 | 编辑器扩展基础入门

    前言 当谈到游戏开发工具,Unity编辑器是一个备受赞誉的平台。它为开发者提供了一个强大且灵活的环境,使他们能够创建令人惊叹的游戏和交互式体验。 然而,Unity编辑器本身也是可以扩展和定制的,这为开发者提供了进一步提升工作流程和增强功能的机会。 在Unity 编辑器

    2024年02月10日
    浏览(71)
  • 【Unity编辑器扩展】 | 编辑器扩展入门基础

    前言 当谈到游戏开发工具,Unity编辑器是一个备受赞誉的平台。它为开发者提供了一个强大且灵活的环境,使他们能够创建令人惊叹的游戏和交互式体验。 然而,Unity编辑器本身也是可以扩展和定制的,这为开发者提供了进一步提升工作流程和增强功能的机会。 在Unity 编辑器

    2024年02月10日
    浏览(79)
  • 【富文本编辑器实战】02 编写编辑器配置文件

    本篇文章主要内容是项目的配置文件的编写与讲解,包括菜单项配置、语言配置、总体配置。 下图是编辑器的总体结构: 编辑器大致可以分为两个部分,菜单栏(图中的 1)和下面的编辑器(图中的 4)。其中菜单栏的内容较多,每个菜单项都包含了图标,说明文字(图中的 2)。部

    2024年01月21日
    浏览(55)
  • 【技巧】Latex在线工具:公式编辑器、表格编辑器

    找到什么再补充 目录 表格编辑器 公式编辑器 https://www.tablesgenerator.com/   https://www.latexlive.com/

    2024年02月15日
    浏览(63)
  • 秀米编辑器(xiumi)+百度编辑器(Ueditor) 集成 :解决集成问题,秀米编辑器导出到百度编辑器格式问题,图片保存到自己的服务器(阿里云OSS)

    1.集成前提条件:         1. 需要集成 百度编辑器 到环境中         2. https 环境下才可以导出数据到百度编辑器,如果不是https环境,会出现错误          然后我们开始讲解如何集成: 2.引入资源: //百度编辑器 需要修改的文件(配置与原始的配置不一样,后面

    2024年02月09日
    浏览(56)
  • dede编辑器修改成纯文本编辑器的方法

    我在做优秀啦网站大全的时候需要的正文内容都不需要设置什么文字样式,所以我需要把编辑器上的工具全部取消掉,包括会员投稿中的编辑器工具栏全部取消掉或者屏蔽隐藏掉,所以我需要把DEDE编辑器修改成纯文本编辑器的方法如下: 如图: 首先打开 /include/ckeditor/ckedi

    2024年02月16日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包