vscode保存react代码后，代码混乱

最新推荐文章于 2023-08-07 09:53:10 发布
最新推荐文章于 2023-08-07 09:53:10 发布
阅读量533 收藏 1
点赞数
分类专栏： react 文章标签： react 乱码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/impossible1994727/article/details/119806420
版权
当遇到VSCode保存JavaScript文件时出现乱码的情况，可以按照以下步骤解决：进入设置，为.js和javascriptreact文件类型添加特定配置；禁用JS-CSS-HTMLFormatter插件，版本为v0.2.3；重启VSCode后，确保编辑器显示为javascriptReact模式。
摘要由CSDN通过智能技术生成

 如上图，代码保存的时候，乱码了。。。

解决方式：

  1. 打开设置：
    按照下图添加配置项：*.js，javascriptreact
  2. 搜索插件：JS-CSS-HTML Formatterv0.2.3，禁用
  3. 重启vs code

重启之后，看编辑器右下角，当打开的是js文件的时候，显示javaScript React 即可。

 

 

 

impossible1994727
关注
专栏目录
vscode中react代码格式化问题解决方案
weixin_49094787的博客
04-22 2243
今天在学习的过程中遇到一个头疼的问题，react引入antd组件时代码被格式化的混乱，所以上网查了一些方法，并在此总结一下。 插件选择 这里我们使用prettier，如果安装过其它格式化插件建议卸载，个人感觉一个就够用了，好多插件会弄的有点混乱 配置设置 在设置中随便选一个对settings.json进行编辑 加入如下代码 "editor.formatOnSave": true, "edit...
vscode里利用prettier插件实现ant-design-pro架构代码的格式化
埃尔斯的博客
05-13 7078
这里写自定义目录标题欢迎使用Markdown编辑器一、给vscode编辑器安装prettier插件。二、配置IDE编辑器的配置。 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 一、给vscode编辑器安装prettier插件。 打开IDE...
解决vscode 中保存后html自动格式化的问题
12-28
最近几天更新了 vsCode 的版本，目前所用的版本号为：1.43。其实每次更新 vsCode 版本号并没有感受到有什么明显的变化，只是日常顺手更新而已。而这一次 vsCode 真的是帮了我一个“大忙”。 众所周知我们写 html 页面经常会在元素上绑定很多属性或者是事件什么的，如果不换行就比较难看，所以我的日常做法是每个属性单独一行，就像这样： <nz nzPageIndex]=2 nzTotal]=500 ></nz-pagination
解决Vs Code工具开发时 保存React文件时出现乱码情况
weixin_74535649
08-07 4030
解决Vs Code工具开发时 保存React文件时出现乱码情况
vscode保存编码_记一次vscode保存时格式化代码和eslint整理
weixin_39672194的博客
12-19 91
{//右侧快捷导航变窄"editor.minimap.maxColumn":80,//开启"eslint.enable":true,//保存"editor.codeActionsOnSave":{"source.fixAll":true,"source.fixAll.eslint":true},"eslint.options":{"extensions":[".js",".vu...
react保存用户的输入换行,空格等等
09-24 763
<div dangerouslySetInnerHTML = {{ __html: '接口返回值'}} /> 转载于:https://www.cnblogs.com/jiuxu/p/11577288.html
vscode中文乱码解决方法总结
weixin_54168711的博客
03-23 1万+
纯小白学习vscode时遇到中文乱码问题的总结
vscode 高效开心开发uniapp
sebeefe的博客
03-09 1067
vscode 高效开心开发uniapp 因为之前一直都是使用vscode开发前端项目，现在有一些小程序或者h5项目采用uniapp开发，在体验了一段时间hbuiler之后，还是觉得vscode香，以下分享我使用vscode开发的一些配置。其中包括uniapp组件语法提示，uniapp代码提示，代码自动格式化。 参考文档: https://ask.dcloud.net.cn/article/id-36286__page-2 1. 安装vetur 首先我们需要安装vscode基本的vue插件vetur，在v
React 学习笔记
zxf_CN的博客
12-20 437
1. 脚手架的安装 下载： npm install -g create-react-app 可能会报错，有可能是因为没有权限，以管理员身份运行，就可以了 。 C:\Windows\system32>npm install -g create-react-app D:\TEND\node\create-react-app -> D:\TEND\node\node_modules\create-react-app\index.js + create-react-app@4.0.1 added 67
React Hook + TypeScript + styled-component 建站
尐轩web前端网络日志
06-08 1121
技术选型 Vue 与 React 的对比 组件化 Vue 的组件化是将 UI 结构（template）、UI 样式（style）、数据与业务逻辑（script）都放在一个 .vue 的文件中，运行前 .vue 文件会被编译成真正的组件； React 的组件化是直接通过 JS 代码的形式实现组件 模板引擎 Vue的视图模板使用类 HTML 的写法加上属性与指令，多数情况下要比 React 的 JSX 写法清晰且开发效率高，但是在复杂场景下，Vue 的写法有时会比 React 写起来更麻烦 数据监听 Vue
将vsCode中代码全部压缩成一行
RayLyu0829的博客
03-23 4631
一辈子应该只会遇到一次SN的需求.
解决VSCode打开的JS代码只有一行的问题
m0_54480086的博客
01-05 6577
下载Prettier-Code- formatter插件； 代码全选，按Ctrl+Shift+P选择Format Selection即可。
代码混淆的总结
01-02 1028
注：最近需要看税局的前端代码加密方式，好去模仿一下，然后看了一周的时间，像一块难啃的骨头，浏览器调试之类的方法又让我重新学了一下…还搜寻了很多方法，真的很难受，写下来这段时间学习的内容 1、工具： 1、fildder 2、js代码混淆 2、混淆手段： 1、YUI Compressor (国外) 2、Google Closure Compiler（谷歌国外登录不上） 3、UglifyJs（基于node） 4、Jscrambler 3、混淆类型： 待定：emscripten、WebAssembly等 0、js文
vscode 推荐插件汇总（提高代码效率）
热门推荐
qq_52151772的博客
03-30 1万+
实用的插件
VScode格式化代码的心酸路途
wuChiSha的博客
05-10 2064
之前在公司一直用的是ideal做前端开发，而其他人用的是VScode，他们有用ESlint，而我每次只好在ideal中设置‘unable’即不让进行格式化校验……有关代码格式，被无数次吐槽，也尝试过在ideal中配置ESlint进行代码的格式化校验，无奈，每次都是斗志满满的开始，垂头丧气的放弃，也曾想过换开发工具，和大家保持一样用VScode，怎想，ideal中毒太深，完全无法适应V...
用vscode写的代码乱怎么办，今天交大家如何使用vscode自动对齐代码（格式化代码），一次设置终生使用的快捷方法，在再也不用担心代码乱行的问题。
longzaixueit的博客
06-13 6587
1.选择vscode里面的设置按钮进入后如图所示步骤进行操作。 2.然后按下面的输入代码： "editor.formatOnType":true, "editor.formatOnSave":true 注意：第一行代码后面的逗号千万不要忘记，否则可能显示不成功 3.使用ctrl+s进行保存或者手动保存，并关闭这个界面。 4.接下来当你每次写完代码按保存系统就会自动进行，代码格式化。超级方便食用。 ...
GitHub重大更新
LuckyWinty的博客
05-08 299
原文地址：https://zhuanlan.zhihu.com/p/138761471Github 最新推出的 Codespaces 可以实现基于 VS Code 的云端代码编译。现在，...
vscode，React代码提示插件
最新发布
07-19
在VSCode中安装了ESLint插件后，它可以提供实时的代码提示，帮助开发者遵守React的编程规范。 2. **Prettier**：这是一个代码格式化工具，能自动美化代码，保持一致的代码风格。Prettier和VSCode的集成可以在编写...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值