今天在學習的過程中遇到一個頭疼的問題,react引入antd組件時代碼被格式化的混亂,所以上網查了一些方法,並在此總結一下。
插件選擇
這里我們使用prettier,如果安裝過其它格式化插件建議卸載,個人感覺一個就夠用了,好多插件會弄的有點混亂

配置設置
在設置中隨便選一個對settings.json進行編輯

加入如下代碼
"editor.formatOnSave": true,
"editor.formatOnType": true,
"editor.formatOnPaste": true,
返回我們的react項目
右鍵選擇格式化文檔方式選擇prettier


或者直接在settings.json中添加
"[javascriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
大功告成!
