使用Vscode时,很多小伙伴都不知道如何使用pretier插件,下面小编就给大家带来Vscode中pretier插件的使用方法,有需要的小伙伴不要错过哦。
如何使用Vscode中pretier插件?如何使用Vscode中pretier插件?
1、打开Vscode,如果没有安装pretier插件,请先安装,安装方法是点击“Extension搜索图标 “prettier找到官方插件并安装;
2、准备一个示例代码,如下图所示,是一个格式混乱的html代码;
3、在打开示例代码的vscode窗口中,使用快捷键“CTRL + Shift + P打开vscode命令框,在框中输入“format关键字,可以看到两个选项:
1. Format Document (快捷键 Shift+Alt+F)格式化整个文档
2. Format Selection (Ctrl快捷键+K, Ctrl+F)格式化选择代码
其中一个选项可以根据需要选择
4、我们选择“我们选择”Format Document“之后,您可以看到代码发生了变化,示例代码变得美观整洁,如下图所示:
5、我们也可以选择一些代码,点击右键,右键菜单中有两个选项,也可以格式化现有代码,使用非常方便。
1. Format Document (Shift+Alt+F)
2. Format Selection (Ctrl+K, Ctrl+F)
感谢您的观看,请关注更多精彩的教程!