Vscode爆红，Delete `␍`eslint(prettier/prettier)错误的解决方法

2023-05-16

目录

- 一、问题
- 二、主要原因
- 三、解决办法
- - 方法1：vscode全局配置
  - 方法2：文件底部配置
  - 方法3：修改项目.prettierrc文件
  - 方法4：修改git全局配置

一、问题

使用vscode学习nest.js的过程中，遇到了多处爆红，编辑器每行代码最后都出现了红色的波浪号。如图：
在这里插入图片描述

二、主要原因

通过度娘大力支持，最终在多种方法结合下解决了这些波浪线。源头都是因为安装了 Prettier 插件指定了文件的结尾换行符与系统不一致导致的。

Windows在换行的时候，同时使用了回车符CR和换行符LF，即CRLF; 而项目仓库中默认是Linux环境下提交的代码，文件默认是以LF结尾的，这也是工程化的需要。

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

三、解决办法

方法1：vscode全局配置

打开vscode设置，或者直接快捷键 Ctrl +, 在搜索栏输入 prettier，然后找到 End Of Line 这个选项设置为 auto，如图：
在这里插入图片描述

方法2：文件底部配置

切换vscode文件底部配置的行尾规范，但是这种方法只针对当前文件，所有文件都需要一个个手动去修改，非常的麻烦（不推荐，只做参考）。
在这里插入图片描述

方法3：修改项目.prettierrc文件

配置.prettierrc文件，在文件对象中添加下面的配置即可，简单、快捷、高效！！

"endOfLine": "auto"

在这里插入图片描述
最终，在下也是使用方法1和方法3成功解决了满屏的波浪线，抱拳了老铁。

方法4：修改git全局配置

介个方法针对git全局配置做了处理，之后的仓库拉取就不会出现类似问题，执行git命令：

git config --global core.autocrlf false

这个方法主要是针对git的配置，如果想要当前项目不爆红，重新拉取一次仓库代码即可。

注意： 不论使用什么方法，在修改结束后，一定要重启vscode才会生效哈。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

VSCode

delete

eslint

prettier

错误的解决方法

Vscode爆红，Delete `␍`eslint(prettier/prettier)错误的解决方法的相关文章

为什么我会收到意外的模板字符串表达式错误？

是否可以使用地图数组数据 adv event title 里面一个react structured data JSX 我尝试添加反引号但没有成功 name adv event title 尝试1
如何防止 Prettier 将注释移至新行

我有一个用 prettier 格式化的打字稿项目我的问题是当我保存这样的代码时 const thing await call comment a 1 Prettier 将注释移至新行这不是我想要的 const thing await c
refs 是否应该列为 useEffect 等的依赖项？

据我了解 useRef 返回的容器始终相同但在 useEffect 和类似函数中引用它们会导致 eslint exhausive deps 警告在这种情况下忽略警告是否安全有什么好方法可以避免警告堵塞输出日志以及禁用行注释堵塞我的代码
如何禁用
```
 或  块的 Prettier 以便保留新行（换行符）？				
			
```
prettier config js module exports arrowParens always bracketSpacing true endOfLine auto printWidth 180 semi true singleQ


				
			
				
					如何全局安装ESlint？				
			
			                       
                    我正在尝试安装 ESlint 以将其与 Sublime Text 2 一起用于我的所有本地项目 配置文档 https eslint org docs user guide getting started global installatio                
                		
				
			
				
					使用 JS Linting 的 GitLab CI				
			
			                       
                    我在 GitLab 持续集成方面没有 0 经验 我需要设置一个作业来在 js 文件上运行 ESLint 我已经阅读了 GitLab CI 和 Pipeline 文档 以及一些 Git Hooks 但我仍然不知道如何设置它 所以任何详细的 从                
                		
				
			
				
					如果在循环内部使用 getter 结果，则强制将其存储在变量中				
			
			                       
                    考虑以下课程 class Smth get functionWithSomeVeryUniqueName Some heavy calculations are here return obj gt obj Actually uses so                
                		
				
			
				
					jsx 上的 eslint 缩进				
			
			                       
                    我正在尝试制作简单的组件 但是当我点击ctrl s它这样做 警告和错误是这样的 eslint 预期结束标签与开始的缩进相匹配 react jsx ending tag location eslint 预期缩进 4 空格字符但发现2 reac                
                		
				
			
				
					保存时 VSCode Prettier 格式搞乱了格式				
			
			                       
                    在保存功能上使用 VSCode Prettier 格式已经有一段时间了 最近 Javascript 不断犯错误和格式错误 例如 const foo 123 save const foo 1 23 我暂时禁用了它 但是有什么办法可以防止这种情                
                		
				
			
				
					VS Code 中的 Prettier - 在双引号内设置双引号的格式				
			
			                       
                    我在 VS Code 中使用 Prettier 扩展 我想在代码中使用双引号 jsxSingleQuote 和 singleQuote 设置为 false 当我在这行代码上运行 format 时 var hello hello Pretti                
                		
				
			
				
					vscode prettier 不格式化 .tsx 文件				
			
			                       
                    我已经在 Visual Studio 代码编辑器中使用 Prettier 扩展很长时间了 但最近我一直在使用 Typescript 编写 React 所以我需要配置 Prettier 来格式化 tsx files 使用以下内容编辑设置set                
                		
				
			
				
					如何在 React 中从 eslint 解析器中排除 css 文件				
			
			                       
                    我需要从 eslint 解析器中排除 css 文件 目前当我跑步时eslint src 这是检查所有文件 包括 css 文件 请在下面找到我的 eslintrc 文件内容 module exports parser babel eslint                
                		
				
			
				
					WebStorm 2018.1.4 + ESLint：TypeError：this.CliEngine 不是构造函数				
			
			                       
                    我的配置是这样的 WebStorm 2018 1 4 ESLint 6 4 节点12 8 npm 6 10 2 Windows 8 1 如何消除帖子标题中的错误 这是一个代码示例 import GET DAILY SUCCESS GET H                
                		
				
			
				
					Create-React-App：在本地计算机上部署时出现 ESlint 错误				
			
			                       
                    我正在使用 create react app React v16 12 0 当我运行时出现以下错误 npm start 在苹果电脑上 1 There might be a problem with the project dependenc                
                		
				
			
				
					为什么 linter 会选择无用的转义字符？				
			
			                       
                    转义字符串 模板文字和正则表达式中的非特殊字符没有任何效果 Source https eslint org docs rules no useless escape https eslint org docs rules no useles                
                		
				
			
				
					静态元素交互				
			
			                       
                    我有以下代码 Enabled id gt let removal null if this props disabled removal span gt this onDelete id gt x span return removal 它                
                		
				
			
				
					Eslint 如何只更改代码行				
			
			                       
                    我需要一种方法来仅在分支上已更改的代码行或块上运行 ESLint 我们的想法是 我们有一个庞大的旧代码库 我们希望强制执行 ESLint 规则at least向前进 我在 CI 中实现了它 对 PR 中更改的所有文件进行了检查 但是人们在接                
                		
				
			
				
					Eslint：警告文件默认被忽略。使用否定忽略模式				
			
			                       
                    我是 Eslint 的新手 到目前为止 我已经在本地项目中安装了 Eslint 并进行了配置 eslintrc js 文件包含 module exports env node true commonjs true es6 true moch                
                		
				
			
				
					如何禁用有关某些未使用参数的警告，但保留“@typescript-eslint/no-unused-vars”规则				
			
			                       
                    我想在某些情况下禁用 未使用的参数 警告 但保留 未使用的变量 规则 例如 在这里我想保留参数以查看传递给解析器的内容 const Query objectType name Query definition t t field test                 
                		
				
			
				
					如何处理 React JSX 中的长类名？				
			
			                       
                    假设我在 React JSX 中渲染这个组件 render return h1 Some text h1 这些类触发我的 JS linter 的行太长 而且很难阅读 怎样才能分开长className将 React 组件中的属性分成多行而不破





 

 



    
        
            随机推荐
        
    
    
                
            
                
                    RHCE-ansible（一）--- 安装ansible、主机清单、sudo提权、特权升级                
            
                                   
                    目录 一 环境配置 1 配置三个主机 etc hosts 文件 xff0c 实现通过域名访问 2 配置SSH远程免密连接 2 1 在控制主机生成密钥 2 2 发送公钥到受控主机 二 受控主机 xff08 xixi xff09 安装ansib                
                        
                
            
                
                    针对opencv导入Android studio不成功的解决办法？                
            
                                   
                    一 问题如下 xff1a AS gt File gt New gt Import Module 选择导入 压缩包路径 sdk java文件夹 xff0c 然后发现AS没有下一步 xff1f 二 解决办法 新建一个项目 在新建项目下创建一个包                
                        
                
            
                
                    Attempt to invoke virtual method ‘void android.widget.TextView.setText(java.lang.CharSequence)‘ on a                
            
                                   
                    问题简述 xff1a Attempt to invoke virtual method 39 void android widget TextView setText java lang CharSequence 39 on a null                 
                        
                
            
                
                    WebRTC使用Linux搭建服务器（二）                
            
                                   
                    搭建服务器流程 xff1a 注意 xff1a 每个人搭建服务器可能会出现奇奇怪怪的问题 xff0c 照着我的方法可能会出现其他问题 xff0c 不要着急 xff0c 耐心搭建 xff0c 确实比较烦 1 安装JDK apt get upda                
                        
                
            
                
                    Java基础——有无参数和有无返回值                
            
                                   
                    一 有无参数 有参数 xff1a 小括号里面有内容 xff0c 当一个方法需要一些数据条件 xff0c 才能完成任务的时候 xff0c 就是有参数 例如两个数字相加 xff0c 必须知道两个数字各自有多少 xff0c 才能相加 无参数 xf                
                        
                
            
                
                    STM32学习：利用寄存器点亮LED                
            
                                   
                    使用普中PZ6806L开发板 由对应的LED模块的电路可知 xff0c 要想点亮一个LED xff0c 就要将其对应的引脚输出低电平 要使用寄存器 xff0c 首先要对其进行封装 xff0c 具体代码如下 xff1a define PERI                
                        
                
            
                
                    java基础——求数组长度、遍历数组、求最值和数组元素反转                
            
                                   
                    一 求数组长度 获取数组的长度的格式 xff1a 数组名称 length 这将会得到一个int数字 xff0c 代表数组的长度 数组一旦创建 xff0c 程序运行期间 xff0c 长度不可改变 代码如下 xff1a public class                
                        
                
            
                
                    java基础—Random                
            
                                   
                    一 概述 Random 类用来生成随机数字 xff0c xff0c 使用起来也是三个步骤 xff1a 1 导包 2 创建 Random r 61 new Random 小括号留空即可 3 使用 获取一个随机数的int的数字 范围是int所有                
                        
                
            
                
                    ffmpeg播放器（二）音频解码与播放                
            
                                   
                    音频解码和播放的前面准备工作和视频的格式差不多 xff0c 创建两个线程分别解码和播放 xff0c 这里统一只放代码了 void AudioChannel play 设置为播放状态 packets setWork 1 frames setW                
                        
                
            
                
                    RTMP直播推流（一）视频推流                
            
                                   
                    关于cmakeList的配置 xff0c 这里就直接给出代码 xff1a cmake minimum required VERSION 3 4 1 引入指定目录下的CMakeLists txt add subdirectory src ma                
                        
                
            
                
                    RTMP直播推流（二）音频推流                
            
                                   
                    音频推流java层代码 xff1a package com example push channel import static android media AudioFormat CHANNEL IN STEREO import andr                
                        
                
            
                
                    SpringBoot查询数据时报空指针异常                
            
                                   
                    我的问题是 64 Test包导入错误 是这个包不是另外一个                
                        
                
            
                
                    SQL 之 CASE WHEN 修改查询数据，不符合修改条件的部分则保持不变                
            
                                   
                    Q Region is a mix of abbreviations and full names Fix up the remaining regions by converting the full names to their cor                
                        
                
            
                
                    P3366 【模板】最小生成树 java prim算法 洛谷                
            
                                   
                    传送门 P3366 模板 最小生成树 洛谷 计算机科学教育新生态 luogu com cn https www luogu com cn problem P3366 这道题有两种常规做法 xff0c kruskal 对边进行研究 和 pri                
                        
                
            
                
                    软件工程学习笔记：五种软件过程模型的特点、适用情形以及优缺点                
            
                                   
                    软件工程笔记 xff1a 五种软件过程模型的特点 适用情形以及优缺点 软件过程模型 xff1a 一张图了解五种软件过程模型瀑布模型快速原型模型增量 渐增 模型螺旋模型喷泉模型 软件过程模型 xff1a 一张图了解五种软件过程模型 瀑布模型                 
                        
                
            
                
                    镜像底层原理详解和基于Docker file创建镜像                
            
                                   
                    目录 一 镜像底层原理 1 联合文件系统 UnionFS 2 镜像加载原理 3 为什么Docker里的centos的大小才200M 二 Dockerfile 1 简介 2 Dockerfile操作常用命令 xff08 1 xff09 FOR                
                        
                
            
                
                    几种常见软件过程模型的比较                
            
                                   
                    瀑布模型 瀑布模型 xff08 经典生命周期 xff09 提出了软件开发的系统化的 顺序的方法 其流 程从用户需求规格说明开始 xff0c 通过策划 建模 构建和部署的过程 xff0c 最终提供一 个完整的软件并提供持续的技术支持 优点 x                
                        
                
            
                
                    Web渗透实训——kali环境搭建＋phpstudy+dvwa                
            
                                   
                    一 kali环境搭建 1 在官网下载当前的centos 本文下载的是17 相关链接 xff1a https www vmware com products workstation pro workstation pro evaluation                
                        
                
            
                
                    Mysql架构（详解）                
            
                                   
                    一 Mysql架构简介 简图 根据Mysql5官网文档中的说明 xff0c Mysql从上到下可以分为 xff1a 网络连接层 服务层 存储引擎层和系统文件层 网络连接层 网络连接层中主要是客户端连接器 xff0c 我们可以通过客户端连接器                
                        
                
            
                
                    Vscode爆红，Delete `␍`eslint(prettier/prettier)错误的解决方法                
            
                                   
                    目录 一 问题二 主要原因三 解决办法方法1 xff1a vscode全局配置方法2 xff1a 文件底部配置方法3 xff1a 修改项目 prettierrc文件方法4 xff1a 修改git全局配置 一 问题 使用vscode学习nes                
                        
            






    
        
            热门标签
        
    

    
                        
            
                
                    appxaml                
            
        
                        
            
                
                    caliburn                
            
        
                        
            
                
                    zoneinfo                
            
        
                        
            
                
                    cardslib                
            
        
                        
            
                
                    flooding                
            
        
                        
            
                
                    dscl                
            
        
                        
            
                
                    madexcept                
            
        
                                                        
            
                
                    ndebug                
            
        
                                                
            
                
                    entityset                
            
        
                                
            
                
                    xgoogle                
            
        
                        
            
                
                    xcode102                
            
        
                        
            
                
                    donottrack                
            
        
                                                                
            
                
                    whenjs                
            
        
                                
            
                
                    pervasive                
            
        
                        
            
                
                    tufte                
            
        
                        
            
                
                    tidekit


	
	
	
	
	
		
			
				
				Powered by Hwhale