【工具】關于vscode上對代碼格式化縮進的問題

由于本人有代碼潔癖(重點是縮進),希望在vscode上能通過快捷鍵直接格式化代碼(這一點微信開發工具體驗就很不錯),所以呢在百度上找了各種博客也踩了各種坑,總結經驗如下:

  1. 安裝prettier插件,(搜索列表中第一個就是)安裝之后就可以通過alt + shift + f 來格式化;
  2. 將下邊這個設置取消勾選狀態(為false,文件的右下角的縮進就會和你編輯器設置的縮進一致了)


    6dee3b47e7ad72ac47367666f6a3125.png
  3. 當你在文件中通過prettier快捷鍵格式化代碼的時候,發現文件的縮進和你在prettier設置的縮進不一致(prettier和編輯器設置的都是4個,格式化之后還是2個),解決辦法就是項目根目錄下添加.prettierrc.js配置文件(文件和package.json同級),文件中設置
{
    "singleQuote": true,   // 采用單引號
    "semi": false,   // 去掉分號
    "tabWidth": 4   // 4個縮進
    ...   // 其他配置參考官方文檔(需要英文水平,2333)
}

添加了配置文件之后,再次通過快捷鍵格式化代碼,就發現縮進和配置的一致了;

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容