vscode写html属性名自动补多空格的情况

最新推荐文章于 2024-08-22 09:25:25 发布
最新推荐文章于 2024-08-22 09:25:25 发布
阅读量1.4k 收藏 2
点赞数
分类专栏： 基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43975276/article/details/117628775
版权
VSCode在保存代码时自动进行规范化，但有时会在HTML属性后添加空格，导致属性名与JS中定义的不同，进而引发程序错误。例如，保存前后的对比显示，保存后属性名与原始代码不一致，可能影响程序运行。了解并调整VSCode的格式化设置，可以避免此类问题的发生。
摘要由CSDN通过智能技术生成

vscode是开发利器，在我们保存代码的时候，它会自动帮我们把代码规范化。
如果打的代码没有错误，那么这个过程是正常的。
但是如果像下面这样多个一个"

<a href=" " id="first"">首页</a>

那么在保存的时候，软件会在每一个属性的后面都加上一个空格，这样会导致属性的名字和js代码中的名字不一样，导致程序出错。

保存之前：
在这里插入图片描述
保存之后：
在这里插入图片描述

赫萝的红苹果
关注
专栏目录
vue 保存自动格式化, html自动缩进 双引号变为单引号 注释加空格 html标签属性设置不换行 亲测有效！
01-08
设置vscode自动格式化 开启语法检查（安装ESLint，检查语法保证代码的规范性） 安装Vetur插件 打开vscode的setting.json文件（文件–>首选项–>输入vetur搜索，往下找到在setting.json文件中编辑） 将如下代码复制到...
vscode保存react时标签出现空格自动换行报错
小白目的博客
03-21 916
报错情况： 导致原因：使用了下面插件 解决办法：禁用该插件重启vscode即可。
vscode在格式化时可选链(?.)中间加了空格解决方案
qq_46020783的博客
10-10 744
是在html文件中的script标签中编写的代码，因为的设置了保存自动格式化，所以当我写到可选链的时候，这个时候vscode就将我写的?.中间加了一个空格；
VScode代码自动补全解决方案
最新发布
靳长庚
08-22 2315
VSCode代码自动补全失效解决方案
vscode保存时格式化缩进空格由设置的2变成4
myWatermelons的博客
08-08 677
vscode保存时格式化缩进空格由设置的2变成4
vscode里面换行会以一个空格的字符，怎么解决？？
qq_51365561的博客
06-29 1406
代码运行后 明显字母之间有一个空格 解决方法： 给body加一个样式body{font-size:0; } ，那么空格这个字符的字体大小为0，就等于说是把这个空格给去掉了 改进后的效果如下
在复制html代码上vscode后提示代码有问题（代码行多了空格），小白看这里，教你解决。对你有帮助别忘了点赞加评论哦~
qq_64745318的博客
04-17 2298
很多人会问，我从一些地方（微信聊天框啥的）复制html代码上vscode会出现以下错误提示。在Windows操作系统中按下快捷键 `Shift` + `Alt` + `F`在Mac操作系统中按下快捷键 `Shift` + `Option` + `F`或者是 按住鼠标 左键 拖动选中所有代码（或者只选中有问题的代码） 右键，选择 “格式化文档” 就可以解决这个问题。
vscode 配置vue+vetur+eslint+prettier自动格式化功能
10-15
例如，你可以设置 `"singleQuote": true` 来使用单引号，`"semi": false` 来禁用末尾分号，`"bracketSpacing": true` 添加对象属性之间的空格，以及 ` "htmlWhitespaceSensitivity": "ignore"` 来优化 HTML 闭合标签...
vscode 开发Vue项目的方法步骤
12-09
- `javascript.format.insertSpaceBeforeFunctionParenthesis`：设置为`true`，在函数名与括号间添加空格。 - `vetur.format.defaultFormatter.html` 和 `vetur.format.defaultFormatter.js`：分别配置HTML和...
自己的vscode-settings.json配置详解
10-15
这些配置项只是VSCode `settings.json`文件中的一部分，实际上可以根据个人喜好和项目需求添加更多个性化设置。例如，可以调整字体、颜色主题、快捷键绑定、语言首选项等。为了更好地利用VSCode，建议定期更新和优化...
vscode 一键规范代码格式的实现
10-14
这个设置用于关闭VSCode根据文件内容自动检测制表符和空格的混合使用情况，而是让编辑器根据下面的设置使用统一的格式。 2. "editor.tabSize": 2 这行代码设置编辑器中Tab键对应的空格数为2，这样可以保持代码的...
解决VSCode保存后，函数前自动加上空格，导致报错的问题；以及如何在保存代码时按照ESLint格式化代码
热门推荐
CheyBen的博客
05-19 2万+
报错截图： 在写代码时，function和()之间是没有空格的，在保存后自动加上了空格，导致警告。 注：项目中使用了ESlint来校验代码格式，vscode也已经安装了ESlint的插件（后面发现只起到了提示的作用，并未在保存的时候按照ESlint的要求进行格式化） 一、怎么解决在函数function与()之间自动加上空格的问题呢？ 经过一番摸索，终于还是找到了解决方法： 点击vscode左下角的齿轮图标，点击设置，搜索“函数”，去掉如下勾选： 二、如何在保存代码时按照ESLint格
VScode 自动在变量与运算符之间添加空格
weixin_42311193的博客
01-31 3543
VScode 自动在变量与运算符之间添加空格
vscode保存自动在末尾加空行
MichaelAn的博客
02-13 751
vscode保存自动在末尾加空行 1、进入设置页面 2、搜索save关键字，点击‘editinsettings.json’ 3、在对象中加入一行 "files.insertFinalNewline":true 如，我的长这样： ...
VS code 插件之中英文间自动添加空格
Talljack 的博客园
04-23 2290
难以忍受各种注释格式混乱？中英文一连串阅读体验不够好，点进来看看，这个插件可以一键帮你解决上述问题。
php代码格式化 vs,VScode设置格式化php代码插件
weixin_39822728的博客
03-10 1254
windows下搭建php运行环境业余时间准备开发个小程序，后台准备使用php代码，开发工具选择了VScode，编码过程中涉及到要代码格式化，将安装代码格式化方法记录下来，方便后续查询。步骤：1、下载php-cs-fixerhttps://cs.sensiolabs.org/download/php-cs-fixer-v2.phar将文件到php目录下：2、安装VScode扩展插件，选择php f...
【VSCode】设置自动保存、显示空格以及tab符号、保存文件时自动删除行尾空格
C/C++攻城狮
09-29 2998
0x00 前言 文章中的文字可能存在语法错误以及标点错误，请谅解； 如果在文章中发现代码错误或其它问题请告知，感谢！ VSCode版本：1.60.2 0x01 实现方法 1.设置自动保存 （1）文件->首选项->设置（或者同时按下Ctrl键及,键）； （2）在输入框中输入Auto Save，选择自动保存类型，实现自动保存，其中： afterDelay表示固定时间间隔后自动保存，只有选择该类型时，需要在Files:Auto Save Delay配置项中选择时间间隔大小，单位毫秒； onFocusC
VSCode配置Vue+Vetur+ESLint+Prettier自动化格式化详解
接下来，在项目的根目录下创建一个.prettierrc文件，这是prettier的配置文件，用于自定义代码格式，如使用单引号替换双引号、禁用末尾分号、添加对象属性间的空格以及优化HTML闭合标签的格式。例如： ```json { ...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值