在使用 VScode 进行代码格式化后,保存发现代码又变乱了,怎么办?

在VScode中遇到保存代码时自动格式化导致格式错乱的问题,关闭"editor.formatOnSave"设置无效。检查发现是由于JS-CSS-HTMLFormatter插件引起,禁用该插件并重启VScode后,问题得到解决,代码保存时不再出现格式混乱。
摘要由CSDN通过智能技术生成

出现的问题:

在用 VScode 时,代码使用格式化文档时,可以完美的进行格式化,但保存后,代码变乱

或 遇到如下问题:

保存代码的时候,代码被自动格式化,然后格式就变乱了(只要保存,格式就被打乱)

注意:这里已经尝试在 VScode 中关闭代码自动格式化功能,但还是会自动格式化且打乱代码格式

"editor.formatOnSave": false

问题截图如下: 

解决方案:

在使用 VScode 进行代码格式化时,已经检查过 ESLint、Prettier - Code formatter 以及 setting.json 配置文件都没有问题(或者怎么修改,怎么在 VScode 设置都没有用时),这时检查一下自己在 VScode 中有没有安装叫 JS-CSS-HTML Formatter 的插件,把这个插件禁用后就可以了,不会再出现乱码现象;当然禁用后一定要重启 vscode 才可以解决问题;

(本人建议不要用 JS-CSS-HTML Formatter 的插件,建议直接卸载,在实际开发中用处不大,练习或者处于学习阶段,可以浅用一下)

 禁用后,发现代码可以自动保存格式化后,代码不会变乱啦~~~

 

 如果有问题,欢迎大家评论区讨论,文章对你有用,给正在学习前端的小陈点个赞吧~~~ 

  • 9
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

努力学习前端的小陈

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值