由于本人有代碼潔癖(重點是縮進),希望在vscode上能通過快捷鍵直接格式化代碼(這一點微信開發工具體驗就很不錯),所以呢在百度上找了各種博客也踩了各種坑,總結經驗如下:
- 安裝prettier插件,(搜索列表中第一個就是)安裝之后就可以通過alt + shift + f 來格式化;
-
將下邊這個設置取消勾選狀態(為false,文件的右下角的縮進就會和你編輯器設置的縮進一致了)
6dee3b47e7ad72ac47367666f6a3125.png - 當你在文件中通過prettier快捷鍵格式化代碼的時候,發現文件的縮進和你在prettier設置的縮進不一致(prettier和編輯器設置的都是4個,格式化之后還是2個),解決辦法就是項目根目錄下添加.prettierrc.js配置文件(文件和package.json同級),文件中設置
{
"singleQuote": true, // 采用單引號
"semi": false, // 去掉分號
"tabWidth": 4 // 4個縮進
... // 其他配置參考官方文檔(需要英文水平,2333)
}
添加了配置文件之后,再次通過快捷鍵格式化代碼,就發現縮進和配置的一致了;