vscode中react代码格式化问题解决方案
2021/4/22 18:29:33
本文主要是介绍vscode中react代码格式化问题解决方案,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
今天在学习的过程中遇到一个头疼的问题,react引入antd组件时代码被格式化的混乱,所以上网查了一些方法,并在此总结一下。
插件选择
这里我们使用prettier,如果安装过其它格式化插件建议卸载,个人感觉一个就够用了,好多插件会弄的有点混乱
配置设置
在设置中随便选一个对settings.json进行编辑
加入如下代码
"editor.formatOnSave": true, "editor.formatOnType": true, "editor.formatOnPaste": true,
返回我们的react项目
右键选择格式化文档方式选择prettier
或者直接在settings.json中添加
"[javascriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
大功告成!
这篇关于vscode中react代码格式化问题解决方案的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-13在three.js 中怎么实现线性代数的操作和运算?-icode9专业技术文章分享
- 2024-11-11JS数据类型项目实战:初学者必看指南
- 2024-11-11JS数组项目实战:从入门到实践
- 2024-11-11JS字符串项目实战:从入门到上手
- 2024-11-11JSON对象项目实战:从入门到应用
- 2024-11-11JS定时器项目实战:入门指南与案例详解
- 2024-11-11JS对象项目实战:从入门到应用
- 2024-11-11JS流程控制项目实战:轻松入门与进阶教程
- 2024-11-09Vue CLI多环境配置教程:一步一步轻松入门
- 2024-11-09Vue CLI教程:新手快速上手指南