Delete `␍`eslint(prettier/prettier) in vscode 的解决方案

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

错误描述

从 Github 仓库拉取代码,使用 vscode 打开,页面报错,每一行都爆红 (如下图)

Delete `␍`eslint(prettier/prettier) in vscode 的解决方案

问题原因

由于历史原因,windows下和linux下的文本文件的换行符不一致。

Windows在换行的时候,使用了换行符CRLF

而Mac和Linux系统,仅仅使用了换行符LF

老版本的Mac系统使用的是回车符CR

本人的电脑是 window系统,默认使用 CRLF ,所以代码报错

Windows

Linux/Mac

Old Mac(pre-OSX

CRLF

LF

CR

'\n\r'

'\n'

'\r'


解决方法

方法一(比较繁琐 不推荐)

手动在 vscode 左下角调整 行尾序列

这个方法比较笨,需要手动对每个文件进行更改

而且会在 Git 暂存区添加文件改动记录,对比工作树没有发现任何不同,需要提交所有改动文件

Delete `␍`eslint(prettier/prettier) in vscode 的解决方案

方法二(网络上的最佳解决方法)

对git 的autocrlf 配置属性进行修改,全局配置之后,需要重新拉取代码之后生效。

在命令行执行以下代码

git config --global core.autocrlf false

方法三(配置editorconfig)

在 vscode 中安装下面这个插件
Delete `␍`eslint(prettier/prettier) in vscode 的解决方案

在项目的根目录下面新建一个文件,叫做 .editorconfig 配置 end_of_line属性 为 crlf (参考下面的配置)
# https://editorconfig.org
 
root = true
 
[*] //表示所有的文件都可用
charset = utf-8 //设置文件的字符集
indent_style = space //缩进的风格是space 回车键
indent_size = 2//缩进大小是2
end_of_line = lf //缩进类型视lf
insert_final_newline = true //始终再文章末尾进入一个新行
trim_trailing_whitespace = true //移除无效空格
 
[*.md] //表示md文档只需要尊行以下规则
insert_final_newline = false
trim_trailing_whitespace = false

本人的情况

我后面发现许多方法对我没有效果,比如在 vscode 中配置行尾序列没有效果

后面重新拉取一次代码,发现代码刚拉取下来的时候没有报错

是在执行命令安装项目依赖 pnpm install 之后,才开始大片的爆红

(下面是package.json当中的依赖 )

Delete `␍`eslint(prettier/prettier) in vscode 的解决方案

最后只能 配置 git 的设置了,在根目录新增 git 的配置文件 .gitattributes (差不多和 方法二类似)
* text=auto eol = lf
Delete `␍`eslint(prettier/prettier) in vscode 的解决方案

重新安装依赖之后错误解决


文章如有错误,恳请大家提出问题,本人不胜感激 。 不懂的地方可以评论,我都会 一 一 回复

文章对大家有帮助的话,希望大家能动手点赞鼓励,大家未来一起努力 长路漫漫,道阻且长文章来源地址https://www.toymoban.com/news/detail-471869.html

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

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

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

相关文章

  • vscode中使用eslint+prettier的配置

    eslint+prettier+vscode自动保存用起来感觉非常爽快。 一般来说,安装eslint+prettier插件,然后使用相关脚手架配套的eslint+prettier,无法自动格式代码,每次都需要执行格式化命令。这里贴出保存自动格式化代码的setting.json。 如果不使用脚手架自带的eslint+prettier配置,可以参考我之

    2024年02月10日
    浏览(50)
  • vsCode配置Eslint+Prettier结合使用详细配置步骤,规范化开发

            eslint它规范的是代码偏向语法层面上的风格 。本篇文章以一个基本的vue项目,来说明eslint+prettier+husky配置项目代码规范,为了更好的描述本文,我恢复了vscode的默认设置(即未安装eslint,prettier等插件,setting中也没有相关配置) 1、新建vue3.0脚手架项目 2、项目安装

    2023年04月17日
    浏览(49)
  • 【vscode 格式化】prettier 格式化之后添加逗号,与eslint冲突

    最近格式化文件的时候老是添加逗号,保存的时候会eslint在格式化一遍,将逗号删掉;就感觉不是很舒服; 有两种方法, 一、配置 .prettierrc 文件; 文件配置,可直接用,配合eslint使用足够了 JSON文件是不支持备注的,cv过去时要删掉注释 2.就是在设置的搜索框中输入“vet

    2024年02月12日
    浏览(84)
  • vscode编辑器,vue、小程序等语言适配eslint格式校验 + prettier 保存时自动修改格式

    目的:自留备份,用者自取 基础配置 1 基于vscode编辑器,prettier插件需要下载 2 eslint配置项规则: https://eslint.bootcss.com/docs/rules/ 3 prettier配置项规则: https://prettier.io/docs/en/options.html 安装插件 配置文件问题: 如果项目中带有.vscode文件夹,这里面的setting.json会覆盖全局的sett

    2024年02月09日
    浏览(57)
  • VsCode中Vue代码格式插件,Vetur、ESLint 、Prettier - Code formatter的介绍使用及相关配置

    Vetur是一款Vue代码高亮显示的一款插件,在没有使用此插件前,以 .vue的文件名代码是没有颜色的!!! 安装步骤:在扩展商店中搜索(  Vetur  )点击安装  ESLint插件主要用来检测代码的语法格式,以便我们规范书写,避免因编译所发生的错误 。 安装步骤:在扩展商店中搜

    2024年02月16日
    浏览(39)
  • 如何解决ESLint和prettier冲突问题

    注意:这个冲突问题一般是指在代码编辑器中出现的问题,这里使用的是vscode。 在前端开发中,很多人使用 prettier 作为代码格式化工具,用 ESLint 控制代码风格,以及检查错误。 但是在同时使用 ESLint 和 prettier 的时候,由于代码规则不一样就会发生冲突,发生冲突的原因是

    2024年02月07日
    浏览(40)
  • error Delete cr prettier/prettier报错,LF和CRLF冲突问题解决

    LF和CRLF冲突: 使用Windows系统进行开发时,时常一拉代码,就会出现大量的error Delete cr prettier/prettier报错,因为git在维护版本库的时候统一使用的是LF,这样就可以保证文件跨平台的时候保持一致,在Linux下默认的换行符也是LF,那就不存在什么问题,但是在Windows系统环境下拉

    2024年02月10日
    浏览(37)
  • ESLint 中的“ space-before-function-paren ”相关报错及其解决方案

    在 VScode 中,在使用带有 ESLint 工具的项目中,保存会发现报错,并且修改好代码格式后,保存会发现代码格式依然出现问题: “ space-before-function-paren ” 英文 翻译为 中文 为“函数参数前的意外空格” 报这个错误的原因是 函数名称 或 function 与开始参数之间缺少空格

    2024年02月09日
    浏览(50)
  • 『VUE:解决 ESLint 的 Delete `CR` 报错』

    Prettier 和 ESLint 结合使用的情况下,代码运行后因为与项目创建者产生 crlf 和 cr 差别, eslint 检测会出来以至于无法启动以及全面爆红。 罪魁祸首是 git ,一个配置属性 core.autocrlf 由于历史原因,文本文件的换行符 windows 和 linux 是不同的。 Windows换行时,同时使用回车CR(carr

    2024年02月03日
    浏览(53)
  • eslint报错Component name “home“ should always be multi-word,文件命名规则导致问题解决方案

    新建vue项目的时候,往往需要配置eslint进行代码的格式化,但使用过程中也是会遇到各种问题,就比如:Component name “Home” should always be multi-word.eslintvue/multi-word-component-names 其实这是eslint对命名的校验,要以 多词组件名称 命名,防止与现有和未来的 HTML 元素发生冲突。 如何

    2024年02月12日
    浏览(55)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包