标签：插件 格式化 vscode react editor true prettier

今天在学习的过程中遇到一个头疼的问题，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,editor,true,prettier
来源： https://www.cnblogs.com/bleso/p/14690602.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。