首頁  >  文章  >  開發工具  >  vscode怎麼美化程式碼

vscode怎麼美化程式碼

藏色散人
藏色散人原創
2019-12-21 09:56:466674瀏覽

vscode怎麼美化程式碼

vscode怎麼美化程式碼?

首先,如圖是一個開啟的不換行的css檔案的效果。整份文件只有一行,格式化沒有任何效果。

相關推薦:vscode入門教學

vscode怎麼美化程式碼

#格式化指的是,分行但是不縮排以及間距不合適的程式碼,變得合適。 VSCode自備程式碼格式化。

開啟檔案->首選項,即可開啟設定面板。

vscode怎麼美化程式碼

如圖,搜尋format,即可查找到並格式化相關的選項。將要改變的設定項複製到右邊修改即可。

vscode怎麼美化程式碼

如果要進行程式碼美化(換行),先點選左側的擴充按鈕,然後在擴充商店搜尋Beautify,然後下載第一個外掛程式。

vscode怎麼美化程式碼

安裝後重新載入VSCode,按下f1開啟指令,搜尋Beautify,點選Beautify file美化整個檔案。

vscode怎麼美化程式碼

如圖,是美化之後的效果。程式碼被自動換行,也進行了格式化。這個美化操作支援多種格式的原始碼。

vscode怎麼美化程式碼

以上是vscode怎麼美化程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn