相信很多朋友都遇到过以下问题,就是Vscode中prettier插件怎么使用 。。针对这个问题,今天本站小编就搜集了网上的相关信息,给大家做个Vscode中prettier插件怎么使用 。的解答 。希望看完这个教程之后能够解决大家Vscode中prettier插件怎么使用 。的相关问题 。
使用Vscode的时候,很多小伙伴不知道prettier插件怎么使用,下面小编就给大家带来Vscode中prettier插件使用方法,有需要的小伙伴不要错过哦 。
Vscode中prettier插件怎么使用?Vscode中prettier插件使用方法
1、首先打开Vscode,如果没有安装prettier插件,请先安装,安装方法是点击“Extension”图标,然后搜索
“prettier”,找到官方插件并安装;

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

3、在打开示例代码的vscode窗口中,使用快捷键“CTRLShift
P”打开vscode命令框,在框中输入“format”关键字,可以看到有2个选项:
1. Format Document (快捷键 Shift Alt F)对整个文档做格式化
2. Format Selection (快捷键Ctrl K, Ctrl F)对选择代码做格式化
可以根据需要选择其中一个选项

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

5、最后,我们还可以选中部分代码,然后点击右键,在右键菜单中也会有2个选项,同样可以对现有代码做格式化,用起来很方便 。
1. Format Document (Shift Alt F)
2. Format Selection (Ctrl K, Ctrl F)

【小编分享Vscode中prettier插件怎么使用】谢谢大家的观看,更多精彩教程请关注本站!
推荐阅读
- 教你Vscode怎么设置alt单击可移动光标
- Notepad 分享代码编辑器怎么设置自动更新
- Notepad 我来分享代码编辑器怎么设置光标宽度
- Notepad 小编教你代码编辑器怎么取消自动备份
- 我来分享Classin在线教室怎么提前下课
- 分享Photoshop怎么查看版本号
- Notepad 小编教你代码编辑器怎么查看二进制文件
- Notepad 小编分享代码编辑器怎么隐藏菜单栏
- Notepad 分享代码编辑器怎么关闭文档切换
- Notepad 小编分享代码编辑器怎么设置标签栏垂直显示