vscode中react代碼格式化問題解決方案


今天在學習的過程中遇到一個頭疼的問題,react引入antd組件時代碼被格式化的混亂,所以上網查了一些方法,並在此總結一下。

插件選擇

這里我們使用prettier,如果安裝過其它格式化插件建議卸載,個人感覺一個就夠用了,好多插件會弄的有點混亂

image-20210422165725967

配置設置

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

image-20210422170632874

加入如下代碼

"editor.formatOnSave": true,
"editor.formatOnType": true,
"editor.formatOnPaste": true,

返回我們的react項目

右鍵選擇格式化文檔方式選擇prettier

image-20210422171343455

image-20210422171400359

或者直接在settings.json中添加

"[javascriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
},

大功告成!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM