使用Vscode的時候,很多小伙伴不知道prettier插件怎么使用,下面小編就給大家?guī)鞻sc
使用Vscode的時候,很多小伙伴不知道prettier插件怎么使用,下面小編就給大家?guī)鞻scode中prettier插件使用方法,有需要的小伙伴不要錯過哦。
??????Vscode中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)對選擇代碼做格式化
??????可以根據(jù)需要選擇其中一個選項

??????4、接著我們選擇“Format Document”后,可以看到代碼發(fā)生了變化,示例代碼變得美觀整潔,如下圖所示:
??????5、最后,我們還可以選中部分代碼,然后點擊右鍵,在右鍵菜單中也會有2個選項,同樣可以對現(xiàn)有代碼做格式化,用起來很方便。
??????1. Format Document (Shift+Alt+F)
??????2. Format Selection (Ctrl+K, Ctrl+F)
標簽: