相信不少人，寫程式碼忘我的時候，都會忘記層級之間的縮排，導致程式碼，看著非常不清晰，這個時候，你是否還在手動一點點縮排，這個時候，我們需要利用編輯器的強大功能啦

筆者使用Vscode，一個很好用的編輯器。有許多優秀的外掛等待大家的發現

這裡筆者推薦 一個格式化神器

看這安裝量就知道不錯了吧，

相信不少人程式碼都可能寫這樣

結構沒有層級

安裝外掛後只需要執行

ctrl + sahift + p
輸入 Beautify file

外掛將會自動識別幫你進行格式化

但是有些小夥伴，在vue，rwww.cppcns.comeact等框架頁面執行發現，咋不一樣勒

外掛壓根不識別，讓你自己選擇，結構你發現，選哪一個http://www.cppcns.com

這個時候我們需要配置一下外掛

在安裝的擴充套件中，找到外掛，點選設定，選擇擴充套件設定

選擇編輯語言

開啟後是這個樣子

我們發現，js，css 都很齊全了，只是html，缺乏vue，react，我們手動新增上去

儲存後再次來到 頁面執行，發現就又能變得輕鬆愉快了，

除開以上，我們還需要設定一下縮排

明顯下面的程式碼看起來結構更加分明

我們只需要在編輯器的右下角 點選空格，改檢視

點選你認為合適的縮排，一般4 為最佳

然後再執行 Beautify file，命令即可

以上就是Vscode編輯器的巧妙用法(快速格式化程式碼的方法)的詳細內容，更多關於Vscode編輯器程式碼格式化www.cppcns.com