欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vscode中prettier插件怎么使用? vscode中prettier的用法

  發(fā)布時間：2022-02-08 10:10:26   作者：佚名   我要評論
vscode中prettier插件怎么使用？vscode中有很多插件，今天我們就來詳細介紹一下代碼格式化插件prettier的使用方法，詳細請看下文介紹

prettier是一款優(yōu)秀的代碼格式化工具，并不關心你的語法是否正確，只關心你的代碼格式，比如是否使用單引號，語句結尾是否使用分號等等，它可以把格式錯亂的代碼轉化為符合標準的漂亮代碼，prettier支持格式化的語言有：JavaScript，TypeScript，Flow，JSX，JSON，CSS，SCSS，Less，HTML，Vue，Angular，GraphQL，Markdown，YAML。

prettier也開發(fā)了一款vscode的插件，本文介紹如何在vscode中使用prettier

打開vscode，如果沒有安裝prettier插件，請先安裝，安裝方法是點擊“Extension”圖標，然后搜索 “prettier”，找到官方插件并安裝

準備一段示例代碼，如下圖是一段格式比較混亂的html代碼

在打開示例代碼的vscode窗口中，使用快捷鍵“CTRL + Shift + P”打開vscode命令框，在框中輸入“format”關鍵字，可以看到有2個選項

1. Format Document （快捷鍵 Shift+Alt+F）對整個文檔做格式化

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

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

我們選擇“Format Document”后，可以看到代碼發(fā)生了變化，示例代碼變得美觀整潔，如下圖所示

另外，我們還可以選中部分代碼，然后點擊右鍵，在右鍵菜單中也會有2個選項，同樣可以對現有代碼做格式化，用起來很方便

1. Format Document （Shift+Alt+F）

2. Format Selection （Ctrl+K, Ctrl+F）

以上就是vscode中prettier插件的使用方法，希望大家喜歡，請繼續(xù)關注腳本之家。

相關推薦：

vscode如何刪除項目? vscode關閉項目的技巧

vscode怎么打包vue項目? vscode中vue項目打包流程

VSCode快速移動光標的雙快捷鍵? VSCode設置alt單擊可移動光標的技巧

相關文章

最新評論