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

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

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

prettier是一款優(yōu)秀的代碼格式化工具,并不關(guān)心你的語法是否正確,只關(guān)心你的代碼格式,比如是否使用單引號(hào),語句結(jié)尾是否使用分號(hào)等等,它可以把格式錯(cuò)亂的代碼轉(zhuǎn)化為符合標(biāo)準(zhǔn)的漂亮代碼,prettier支持格式化的語言有:JavaScript,TypeScript,F(xiàn)low,JSX,JSON,CSS,SCSS,Less,HTML,Vue,Angular,GraphQL,Markdown,YAML。

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

打開vscode,如果沒有安裝prettier插件,請先安裝,安裝方法是點(diǎn)擊“Extension”圖標(biāo),然后搜索 “prettier”,找到官方插件并安裝

準(zhǔn)備一段示例代碼,如下圖是一段格式比較混亂的html代碼

在打開示例代碼的vscode窗口中,使用快捷鍵“CTRL + Shift + P”打開vscode命令框,在框中輸入“format”關(guān)鍵字,可以看到有2個(gè)選項(xiàng)

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

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

可以根據(jù)需要選擇其中一個(gè)選項(xiàng)

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

另外,我們還可以選中部分代碼,然后點(diǎn)擊右鍵,在右鍵菜單中也會(huì)有2個(gè)選項(xiàng),同樣可以對現(xiàn)有代碼做格式化,用起來很方便

1. Format Document (Shift+Alt+F)

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

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

相關(guān)推薦:

vscode如何刪除項(xiàng)目? vscode關(guān)閉項(xiàng)目的技巧

vscode怎么打包vue項(xiàng)目? vscode中vue項(xiàng)目打包流程

VSCode快速移動(dòng)光標(biāo)的雙快捷鍵? VSCode設(shè)置alt單擊可移動(dòng)光標(biāo)的技巧

相關(guān)文章

最新評論