vscode中eslint检查警告Trailing space的自动化处理

最新推荐文章于 2024-06-27 15:22:35 发布
最新推荐文章于 2024-06-27 15:22:35 发布
阅读量2.8w 收藏 2
点赞数
分类专栏： Web应用开发 文章标签： Trailing space vscode auto fix
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/elie_yang/article/details/80502649
版权

在vscode 的使用过程中，执行npm run dev时会执行eslint 规范检查；常常碰见的错误信息如下：


如果一行一行错误信息逐行检查处理，效率极低，且重复劳动，耗时费力，在插件横行的web前端时代，工具带来的好处就是自动化处理，带来强大生产力，那么vscode如何自动处理这类警告信息呢？


这里再次尝试在一些结尾处多打些空格，此时你会发现并不能马上生效去除这些空格，这里一个小技巧，打几个无用的字母，然后删除，vscode会执行自动保存，然后这些多出来的空格就会自动删除，亲测可行。

效果如下：


彼岸大洋
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vscode-trailingspaces:VS Code扩展，可让您突出显示尾随空格并将其立即删除！
05-24
尾随空格 扩展，使您能够… 突出显示尾随空格并立即删除它们！ 此扩展是流行的插件的端口。 保存时修剪 修剪后保存[已删除] 实时匹配与按需匹配 忽略语法 忽略方案 显示状态栏消息 背景颜色 边框颜色 仅适用于高级用户！ 匹配模式 概要 VS Code提供了一种使用Trim Trailing Whitespace命令自动删除尾随空格的方法。 根据您的设置，随时突出显示和/或手动删除它们可能更方便。 该插件提供了这一点，并且提供了许多选项来微调您想要减少尾随空格的方式。 安装 它可以通过Visual Studio Marketplace获得，这是推荐的安装方式（带来了集成更新）。 用法 删除 使用此插件可获得的主要功能是删除当前编辑的文档中的所有尾随空格。 为了使用此删除功能，您可以： 按F1并选择/键入“ Trailing Spaces：Delete” 将删除命令绑定到键
VSCode配置语言文件 按照ESLint规范 自动保存
01-21
VSCode配置语言文件 按照ESLint规范 自动保存 将该文件内容替换陈settings.json的内容后:在键盘按下ctrl+s保存时,vscode会自动根据eslint规范将js,vue文件代码修改后保存. 如何替换?1.vscode->文件->首选项->设置->搜索"associations"->点开下划线"在settings.json中编辑"->将本文件内容复制替换进去->保持
关于vue使用eslint规范报Trailing Spaces not Allowed错误解决办法！
坚果的博客
05-04 4554
Always Getting an Error of “Trailing Spaces not Allowed” in VueJS(在Vue中总会出现“不允许尾随空格”错误) 我认为这是一个vscode问题。请尝试以下方法： 在vscode中转到设置（ctrl +，） 在设置搜索栏中 type “trim trailing whitespace” 在下面选中 “trim trailing whitespace” option. 重新启动vscode。 现在，无论何时保存文件，vscode都会自动修剪尾随空
Unexpected trailing comma comma-dangle
最新发布
weixin_46879796的博客
06-27 272
【代码】Unexpected trailing comma comma-dangle。
vue项目中eslint检查警告——“Trailing spaces not allowed”
weixin_30266829的博客
04-15 3646
在VSCode中开发Vue项目，eslint检查警告：“Trailing spaces not allowed”，这是在警告代码后面有多余的空格导致的，删除空格即可。 转载于:https://www.cnblogs.com/lisen203/p/10711464.html...
vscode的eslint插件不起作用
weixin_30315723的博客
05-16 7118
最近在用vue进行开发，但是vsCode中的eslint插件装上之后不起作用 1.vsCode打开“设置”，选择"settings.json" 2.输入一段脚本 "eslint.validate": [ "javascript", "javascriptreact", { "language": "vue", "autoFix...
MySQL's trailing space
星云的工作间
12-07 945
发现居然mysql在字符串比对时忽略尾部的空格！以前接触的oracle, mssql都是都是需要考虑尾部空格的，难道这是特地改的？放狗搜了一下，貌似是by design，可以看看http://dev.mysql.com/doc/refman/5.0/en/char.html，而且是一个从4.0之后就这样了，看来要加rtrim了。。。 测试用代码：mysql> select a =
VSCode 格式化缩进代码的实现
10-14
本文将详细介绍如何在VSCode中实现代码的格式化和缩进设置。 首先，VSCode默认会根据文件类型自动设置Tab的大小，但如果你想关闭这一功能，可以在设置中进行调整。进入"文件" -> "首选项"，然后在用户设置或者工作...
vue-cli4项目开启eslint保存时自动格式问题
11-20
在这里，我们将详细讨论如何在 Vue CLI 4 项目中开启 ESLint 并实现保存时自动格式化。 首先，我们需要在 Visual Studio Code (VSCode) 中安装 ESLint 插件。这可以通过在 VSCode 市场搜索 "ESLint" 并安装插件来...
detect-trailing-whitespace:检测尾随空格
04-29
$ npm install detect-trailing-whitespace 用法 const fs = require ( 'fs' ) ; const detectTrailingWhitespace = require ( 'detect-trailing-whitespace' ) ; const fileContents = fs . readFileSync ( 'file....
vim-strip-trailing-whitespace::film_frames: Vim 插件，可在保存时从 *modified* 行中删除尾随空格
05-30
vim-strip-trailing-whitespace 删除尾随空格的 Vim 插件from modified lines：不应在差异中引入无关的更改，即使在编辑错误文件时也是如此。 为了修复整个文件，提供了:StripTrailingWhitespace命令。 保存时：在您...
vs code保存时自动删行末空白、文末多余空行
iTom's blog
08-11 3176
vs code 保存时删行末空白、文末空行，但留一行文末空行
在复制html代码上vscode后提示代码有问题（代码行多了空格），小白看这里，教你解决。对你有帮助别忘了点赞加评论哦~
qq_64745318的博客
04-17 2075
很多人会问，我从一些地方（微信聊天框啥的）复制html代码上vscode会出现以下错误提示。在Windows操作系统中按下快捷键 `Shift` + `Alt` + `F`在Mac操作系统中按下快捷键 `Shift` + `Option` + `F`或者是 按住鼠标 左键 拖动选中所有代码（或者只选中有问题的代码） 右键，选择 “格式化文档” 就可以解决这个问题。
vsCode vue项目老是报空格或分号警告的解决方法
Summer_JK的博客
04-22 4194
vsCode vue项目老是报空格或分号警告的解决方法 开发VUE项目的时候老是报以下错误，如图： 修改之前的.eslintrc.js文件： module.exports = { root: true, parserOptions: { parser: 'babel-eslint' }, env: { browser: true, }, extends: [ 'plugin:vue/essential', 'standard' ], plu
vscode的文件和文件夹的警告标志如何消去
everything_study的博客
12-15 1312
由于平时用vscode写一些java的小demo, 但是这个vscode的警告和错误管理很奇怪, 这个警告信息会显示在这个侧边的文件和文件夹中, 我上网上找能不能把这个给去掉的办法, 找了半天没找到。于是我就自己去查了一下这个vscode的设置, 真让我找到了这方面的开关, 把下面的这个关闭就可以把这个文件夹和文件显示错误信息给关闭了。
vsCode VUE项目老是报出//空格警告解决方法
piaochong2006的博客
09-11 2310
在开发运行VUE项目的时候老是报以下错误 只需要关闭一些配置就可以 关闭方法：在build/webpack.base.conf.js文件中，注释或者删除掉：module->rules中有关eslint的规则： 然后再运行就没有问题了
VS Code 设置解析及保存代码格式化问题
热门推荐
lwx931449660的博客
09-09 1万+
问题的由来是这样的，git 上拉去的代码，用vscode打开，随便打开一个vue文件，习惯性的 Ctrl + S 保存了，然后 git 显示文件有更改，查看工作树，显示是这样的 这个问题困扰了好久，网上各种查找，各种修改配置，都不起作用，不过最终还是解决了，先上解决办法， ............
【合集】vscode相关设置
火柴的初心的博客
11-12 1201
１．vscode-icons设置 步骤：文件->首选项->文件图标主题->vscode-icons 参考：VsCode插件之vscode-icons ２．c_cpp_properties.json设置 插件：Ｃ/C++ 生成c_cpp_properties.json文件 步骤：ctrl+shift+P打开Command Palette,运行C/Cpp: Edit configurations...生成c_cpp_properties.json { "config
error Unexpected trailing comma comma-dangle
haiditao的博客
09-22 9198
error Unexpected trailing comma comma-dangle 原因：这种情况是由于VS Code在使用Vetur格式化vue代码的时候，会在代码的最后多加了一个逗号，导致过不了eslint的js格式化要求，所以报错。如： <script> export default { name: 'App', data() { return { date: '', week: '', time: '', }
patch:71: trailing whitespace
07-20
这个错误信息是指在代码的第 71 行存在尾部的空白字符（trailing whitespace）。尾部的空白字符通常是空格或制表符，它们可能在代码提交或编辑过程中被错误地添加进去。 要解决这个问题，你可以按照以下步骤进行操作： 1. 打开包含错误的文件，找到第 71 行。 2. 检查行尾部是否存在多余的空格或制表符。 3. 如果存在多余的空格或制表符，请将其删除。 4. 保存文件并重新运行代码或提交更改。 确保在编辑代码时遵循良好的编码规范，如避免使用多余的空格或制表符，这样可以减少出现类似问题的可能性。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值