在用Vscode做react项目时，保存后出现格式化错误

最新推荐文章于 2024-03-21 10:43:15 发布
最新推荐文章于 2024-03-21 10:43:15 发布
阅读量1k 收藏 5
点赞数 1
分类专栏： 学习react遇到的问题 文章标签： vscode react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_50864729/article/details/127651958
版权

 在用Vscode做react项目时,遇到 以下状况:保存代码的时候代码被格式化,然后格式就乱了

error1_Trim

一开始我也是更改右下角的语言模式(从JavaScript改为javascript react)来解决

 能解决问题，但是每个文件都要改一次,实在太麻烦,浪费时间
然后我就通过插件对比发现我下载了一个叫做JS-CSS-HTML Formatter的插件, 把这个插件禁用后就OK了,不会再出现乱码现象;当然禁用后要重启vscode才行哦

简单^不简单
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
vscode 中 react 代码保存后，代码格式乱了怎么办？react代码点击保存格式化错误代码错乱处理
qq_39695210的博客
04-28 3442
在用vscode写react项目中，点击保存代码，代码格式错乱了，解决方法如下： 一开始我以为是安装了ESLint的插件导致不兼容，结果卸载了也没用。各自找react格式化插件，最终没用找到。 最后百度找到了方法： 禁用vscode里面的JS-CSS-HTML Formatter的插件，然后重启vscode就不报错了 .........
解决vscode 中保存后html自动格式化的问题
12-28
最近几天更新了 vsCode 的版本，目前所用的版本号为：1.43。其实每次更新 vsCode 版本号并没有感受到有什么明显的变化，只是日常顺手更新而已。而这一次 vsCode 真的是帮了我一个“大忙”。 众所周知我们写 html 页面经常会在元素上绑定很多属性或者是事件什么的，如果不换行就比较难看，所以我的日常做法是每个属性单独一行，就像这样： <nz nzPageIndex]=2 nzTotal]=500 ></nz-pagination
VSCode 配置React Native开发环境的方法
11-29
本文介绍了VSCode 配置React Native开发环境的方法，分享给大家，具体如下： 1.安装VSCode 2.安装插件 按F1 并输入 ext install 并回车, 或者使用 输入react-native安装React Native Tools 假定你已经在设备上安装了react native， 如果没有安装，请使用npm install -g react-native-cli安装 或者按照官方文档操作 新建一个RN工程 并使用VSCode打开 安装完成后 按F1可以看到命令里多了很多关于React Native的选项 React Native Command 3
在使用 VScode 进行代码格式化后，保存发现代码又变乱了，怎么办？
酷爱前端的小陈博客
05-08 9895
出现的问题： 在用 VScode 格式已经写好的代码时,遇到 如下状况:保存代码的时候代码被格式化后,然后格式就变乱了（只要保存，格式就被打乱） 解决方案： 在使用 VScode 进行代码格式化时，已经检查过 ESLint、Prettier - Code formatter 以及 setting.json 配置文件都没有问题（或者怎么修改，怎么在 VScode 设置都没有用时）,这时检查一下自己在 VScode 中有没有安装叫 JS-CSS-HTML Formatter 的插件，把这个插件
vscode 代码格式，并设置保存时自动格式化代码
最新发布
chenhao的专栏
03-21 4153
1、报错提示：Binding “columns” should be on a new line.eslint（vue/max-attributes-per-line）3、报错提示：Missing space before function parentheses.eslint（space-before-function-paren）此问题是由于.eslintrc.js文件中的vue/max-attributes-per-line配置错误产生的。文件->首选项->设置，点击右上角的箭头所指的按钮（如下图）
最新--vscode保存 自动格式化
qq_38210427的博客
07-19 1424
【代码】最新--vscode保存 自动格式化。
VsCode读取项目文件的Eslint规则 保存时自动修复格式错误
weixin_34096182的博客
09-19 1261
前言： 同一个项目，保持代码风格的一致，是非常重要的一个规范。但事实上项目小组成员的代码校验规则、格式化工具通常都不一致，为了避免项目到后期出现无法维护的问题，项目成员使用同一套校验规则，同一个格式化方式是相当好的步骤之一。 游泳、健身了解一下：博客、前端积累文档、公众号、GitHub 保存时自动统一代码风格： 先通过一些简单的配置，然后： Ctrl+s / command+s 时自动修复代...
vscode格式化文件时 vue文件报错
fengzx9608的博客
07-21 615
遇到的问题及解决
在使用 VScode 进行代码格式化后，保存发现代码又变乱了，怎么办？vs去掉格式化
weixin_43923808的博客
07-20 3411
检查是否有这些插件ESLint、Prettier-Codeformatter有的话卸载或禁用。
vscode格式化报错
weixin_44585148的博客
10-24 943
结论：把语法配置选项放在settings.json文件的最前面！！ 安装了prettier插件后，保存vue文件时会自动把单引号变为双引号，然后又会有语法检查错误，提示只能使用单引号。 试过在项目根目录添加 .prettier.json文件：无效 在 C 盘用户目录下添加 .prettierrc文件：无效 把配置信息写在settings.json文件首行：解决 ...
VSCode配置react开发环境的步骤
08-28
本篇文章主要介绍了VSCode配置react开发环境的步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
VSCode搭建React Native环境
11-21
安装 React Native Tools 在插件市场搜索 react 找到 React Native Tools 进行安装： ...此时发现断点无法生效，且log的信息感觉特别难看，和使用chrome比起来更难用。 进行断点调试 在模拟器界面，按 C
Vscode 的 react 代码保存后,代码格式乱了怎么办
hinyslow的博客
03-13 4215
通过插件对比发现我下载了一个叫做JS-CSS-HTML Formatter的插件, 把这个插件禁用后就OK了,不会再出现乱码现象;当然禁用后要重启vscode才行哦
vs code .clang-format格式化错误问题
liu-yonggang的专栏
11-23 1374
使用window 上vscode-> format document .格式化成功。1、在Ubuntu中安装 clang-format插件。2、将.clang-format文件放到项目目录中。3、在代码文件中，右键format document。windows 用ssh 远程到 Linux 代码。项目中代码需要格式化。
Visual Studio Code(VS Code)启动React项目报错？（附解决方法）
cspepsc的博客
11-12 860
VS Code+React项目无法启动解决方案
vs code 编辑器保存代码的时候，代码的格式会乱，每次保存以后，都是据编辑器最左边对齐，怎样解决这个问题？
weixin_46246967的博客
09-29 135
vs code 编辑器保存代码的时候，代码的格式会乱，每次保存以后，都是据编辑器最左边对齐，怎样解决这个问题？
VSCode中Markdown保存后自动更改格式
weixin_44221684的博客
06-08 1508
VSCode中关闭Markdown保存后自动更改格式的一种解决方案
React项目中：VS Code中保存自动格式化JavaScript/TypeScript代码
Haines
04-22 3792
前提 首先，安装插件：ESLint + Prettier 背景： eslint在校验出代码格式问题以后，我们每次需要手动执行npm run lint --fix,这样效率太慢了，我希望实现的效果是：我按下ctrl + s，就可以自动格式化代码。 这就是Prettier，尤其是Prettier - Code formatter的VS Code插件。 了解Prettier Prettier是一个代码格式化程序（可配置）。ESLint也可以格式化代码，但它主要是提醒我们哪里代码写的不符合规则。 P.
vscode创建react项目
09-07
请注意，以上步骤是基于在Windows 10系统上使用VSCode进行操作的。如果你使用的是其他操作系统，可能会有一些细微的差异，但基本的原理和步骤是相同的。引用 <span class="em">1</span><span class="em">2</span>...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

简单^不简单

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

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

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

打赏作者

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

抵扣说明：

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

余额充值