如何使用Vscode中pretier插件?

分类:知识百科 日期: 点击:0

使用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)

感谢您的观看,请关注更多精彩的教程!

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。