Vscode中prettier外掛程式怎麼使用_Vscode中prettier外掛程式使用方法

php小編小新為您介紹Vscode中prettier外掛的使用方法。 Vscode是一款強大的程式碼編輯器，而prettier外掛則是它的重要功能插件。透過prettier插件，我們可以輕鬆實現程式碼的格式化，讓程式碼更加整潔美觀。本文將詳細介紹Vscode中prettier插件的安裝和配置，以及使用prettier插件進行程式碼格式化的方法。讓我們一起來探索Vscode中prettier插件的魅力吧！

1、先開啟Vscode，如果沒有安裝prettier插件，請先安裝，安裝方法是點選【Extension】圖標，然後搜尋 【prettier】，找到官方插件並安裝。

2、然後準備一段範例程式碼，如下圖是一段格式比較混亂的html程式碼。

3、在開啟範例程式碼的vscode視窗中，使用快速鍵【CTRL Shift P】開啟vscode指令框，在框中輸入【format】關鍵字，可以看到有2個選項：

1. Format Document (快捷鍵Shift Alt F)對整個文檔做格式化

2. Format Selection (快捷鍵Ctrl K, Ctrl F)對選擇代碼做格式化

可以根據需要選擇其中一個選項。

4、接著我們選擇【Format Document】後，可以看到程式碼發生了變化，範例程式碼變得美觀整潔，如下圖所示：

5、最後，我們還可以選取部分程式碼，然後點選右鍵，在右鍵選單中也會有2個選項，同樣可以對現有程式碼做格式化，用起來很方便。

1. Format Document (Shift Alt F)

2. Format Selection (Ctrl K, Ctrl F)。

#

以上是Vscode中prettier外掛程式怎麼使用_Vscode中prettier外掛程式使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！