分享Vscode中prettier插件怎么使用
Vscode中prettier插件怎么使用。。针对这个问题,今天本站小编就搜集了网上的相关信息,给大家做个Vscode中prettier插件怎么使用。的解答。希望看完这个教程之后能够解决大家Vscode中prettier插件怎么使用。的相关问题。
使用Vscode的时候,很多小伙伴不知道prettier插件怎么使用,下面小编就给大家带来Vscode中prettier插件使用方法,有需要的小伙伴不要错过哦。
Vscode中prettier插件怎么使用?Vscode中prettier插件使用方法
1、首先打开Vscode,如果没有安装prettier插件,请先安装,安装方法是点击“Extension”图标,然后搜索
“prettier”,找到官方插件并安装;
2、然后准备一段示例代码,如下图是一段格式比较混乱的html代码;
3、在打开示例代码的vscode窗口中,使用快捷键“CTRL + Shift +
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)
谢谢大家的观看,更多精彩教程请关注本站!
相关内容
-
分享代码编辑器(Notepad++)怎么安装插件
分享代码编辑器(Notepad++)怎么安装插件,插件,代码编辑器,分...
-
分享花呗逾期无法使用怎么恢复
分享花呗逾期无法使用怎么恢复,恢复,享花,系统,信用,评估,提...
-
分享代码编辑器(Notepad++)光标不显示怎么办
分享代码编辑器(Notepad++)光标不显示怎么办,显示,代码编辑器...
-
分享代码编辑器(Notepad++)怎么关闭文档切换
分享代码编辑器(Notepad++)怎么关闭文档切换,代码编辑器,文档...
-
代码编辑器(Notepad++)增量查找怎么使用
代码编辑器(Notepad++)增量查找怎么使用,查找,怎么使用,代码...
-
分享代码编辑器(Notepad++)怎么设置光标宽度
分享代码编辑器(Notepad++)怎么设置光标宽度,光标,设置,代码...
-
分享Photoshop怎么自由旋转画布
分享Photoshop怎么自由旋转画布,分享,截图,做的,鼠标,方法,工...
-
分享Photoshop路径怎么调出来
分享Photoshop路径怎么调出来,路径,点击,教程,分享,方法,截图...
-
分享Photoshop怎么制作太极图
分享Photoshop怎么制作太极图,制作,填充,截图,分享,方法,显示...
-
分享快玩游戏盒怎么更改下载游戏保存路径
分享快玩游戏盒怎么更改下载游戏保存路径,更改,下载游戏,路径...
-
分享Vscode集成内部it环境怎么关闭
分享Vscode集成内部it环境怎么关闭,集成,截图,选项,分享,教程...
-
分享Photoshop怎么使用钢笔工具绘制线条
分享Photoshop怎么使用钢笔工具绘制线条,绘制,工具,怎么使用,...
-
分享Photoshop怎么导入样式文件
分享Photoshop怎么导入样式文件,导入,文件,截图,方法,分享,图...
-
分享diskgenius怎么制作WinPE启动盘
分享diskgenius怎么制作WinPE启动盘,分享,启动盘,网上,启动盘...
-
分享手机模拟大师怎么设置手机分辨率
分享手机模拟大师怎么设置手机分辨率,手机模拟大师,分享,分辨...