今天在学习的过程中遇到一个头疼的问题,react引入antd组件时代码被格式化的混乱,所以上网查了一些方法,并在此总结一下。
插件选择
这里我们使用prettier,如果安装过其它格式化插件建议卸载,个人感觉一个就够用了,好多插件会弄的有点混乱
![image-20210422165725967](https://i-blog.csdnimg.cn/blog_migrate/a6726263e9854ff565b3f5ffb6a508f0.png)
配置设置
在设置中随便选一个对settings.json进行编辑
![image-20210422170632874](https://i-blog.csdnimg.cn/blog_migrate/cdb07f774830d5be46f9a97136927efd.png)
加入如下代码
"editor.formatOnSave": true,
"editor.formatOnType": true,
"editor.formatOnPaste": true,
返回我们的react项目
右键选择格式化文档方式选择prettier
![image-20210422171343455](https://i-blog.csdnimg.cn/blog_migrate/7319fdd7b75c880c52de1864bdb19b40.png)