当前位置 : 主页 > 软件教程 > 其它软件 >

vscode prettier怎么用?vscode中prettier插件怎么用

来源:互联网 收集:自由互联 发布时间:2023-05-30
vscode中prettier插件怎么用?prettier插件是vscode中常用的插件之一,但是很多小伙伴不知道prettier插件怎么使用,下面小编就给大家带来Vscode中prettier插件使用方法,一起来看下具体的使用

  vscode中prettier插件怎么用?prettier插件是vscode中常用的插件之一,但是很多小伙伴不知道prettier插件怎么使用,下面小编就给大家带来Vscode中prettier插件使用方法,一起来看下具体的使用教程吧。

  Vscode中prettier插件怎么使用?

  1、首先打开Vscode,如果没有安装prettier插件,请先安装,安装方法是点击Extension图标,然后搜索 prettier,找到官方插件并安装;

vscode prettier怎么用?vscode中prettier插件怎么用

  2、然后准备一段示例代码,如下图是一段格式比较混乱的html代码;

vscode prettier怎么用?vscode中prettier插件怎么用

  3、在打开示例代码的vscode窗口中,使用快捷键CTRL + Shift + P打开vscode命令框,在框中输入format关键字,可以看到有2个选项:

  1. Format Document (快捷键 Shift+Alt+F)对整个文档做格式化

  2. Format Selection (快捷键Ctrl+K, Ctrl+F)对选择代码做格式化

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

vscode prettier怎么用?vscode中prettier插件怎么用

  4、接着我们选择Format Document后,可以看到代码发生了变化,示例代码变得美观整洁,如下图所示:

vscode prettier怎么用?vscode中prettier插件怎么用

  5、最后,我们还可以选中部分代码,然后点击右键,在右键菜单中也会有2个选项,同样可以对现有代码做格式化,用起来很方便。

  1. Format Document (Shift+Alt+F)

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

vscode prettier怎么用?vscode中prettier插件怎么用

网友评论