51乐看下载网 > 看教程 > Vscode中prettier插件怎么使用(vscode里prettier怎么设置)

Vscode中prettier插件怎么使用(vscode里prettier怎么设置)

Vscode中prettier插件怎么使用, 在使用Vscode时,很多小伙伴不知道如何使用更漂亮的插件。下面小编就为大家带来如何在Vscode中使用更漂亮的插件。有需要的不要错过。

如何在Vscode中使用更漂亮的插件?Vscode中漂亮插件的使用

1.首先,打开Vscode。如果没有安装Pretetter插件,请先安装。安装方法是点击“扩展”图标,然后搜索“Pretetter”找到官方插件,安装即可。

vscode里prettier怎么设置

2.然后准备一个样本代码,如下图,是一个格式混乱的html代码;

vscode里prettier怎么设置

3.在打开示例代码的vscode窗口中,使用快捷键“CTRL Shift P”打开vscode命令框,并在框中输入关键字“format”。您可以看到有两个选项:

1.格式化文档(快捷键Shift Alt F)格式化整个文档。

2.格式选择(Ctrl K,Ctrl F)格式化选定的代码。

您可以根据需要选择其中一个选项。

vscode里prettier怎么设置

4.选择“格式化文档”后,我们可以看到代码发生了变化,样例代码变得美观整洁,如下图所示:

vscode里prettier怎么设置

5.最后,我们可以选择一些代码,然后点击右键,在右键菜单中会出现两个选项。我们也可以对现有的代码进行格式化,使用起来非常方便。

1. Format Document (Shift+Alt+F)

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

vscode里prettier怎么设置

感谢观看,更多精彩教程请关注本站!

Vscode中prettier插件怎么使用,以上就是本文为您收集整理的Vscode中prettier插件怎么使用最新内容,希望能帮到您!更多相关内容欢迎关注。

本文来自网络,不代表本站立场,转载请注明出处:https:

Vscode中prettier插件怎么使用

51乐看下载网后续将为您提供丰富、全面的关于Vscode中prettier插件怎么使用内容,让您第一时间了解到关于Vscode中prettier插件怎么使用的热门信息。