Vscode中prettier插件怎么使用, 在使用Vscode时,很多小伙伴不知道如何使用更漂亮的插件。下面小编就为大家带来如何在Vscode中使用更漂亮的插件。有需要的不要错过。
如何在Vscode中使用更漂亮的插件?Vscode中漂亮插件的使用
1.首先,打开Vscode。如果没有安装Pretetter插件,请先安装。安装方法是点击“扩展”图标,然后搜索“Pretetter”找到官方插件,安装即可。
2.然后准备一个样本代码,如下图,是一个格式混乱的html代码;
3.在打开示例代码的vscode窗口中,使用快捷键“CTRL Shift P”打开vscode命令框,并在框中输入关键字“format”。您可以看到有两个选项:
1.格式化文档(快捷键Shift Alt F)格式化整个文档。
2.格式选择(Ctrl K,Ctrl F)格式化选定的代码。
您可以根据需要选择其中一个选项。
4.选择“格式化文档”后,我们可以看到代码发生了变化,样例代码变得美观整洁,如下图所示:
5.最后,我们可以选择一些代码,然后点击右键,在右键菜单中会出现两个选项。我们也可以对现有的代码进行格式化,使用起来非常方便。
1. Format Document (Shift+Alt+F)
2. Format Selection (Ctrl+K, Ctrl+F)
感谢观看,更多精彩教程请关注本站!
Vscode中prettier插件怎么使用,以上就是本文为您收集整理的Vscode中prettier插件怎么使用最新内容,希望能帮到您!更多相关内容欢迎关注。