聊聊Vscode中prettier插件怎么使用。

使用Vscode的时候,很多小伙伴不知道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插件使用方法截图

谢谢大家的观看,更多精彩教程请关注酷牛教程!

本文来自网络投稿,来自作者春天。不代表酷牛教程立场,如若转载,请注明出处:https://www.xukn.com/964956.html

(0)
春天春天
上一篇 2023-08-19 10:25
下一篇 2023-08-19 10:25

相关推荐

  • 我来分享Win10系统出现异常且经常蓝屏的解决方案

    我们在将系统升级到Win10正式版后,经常遇到异常的问题。会出现蓝屏的情况,这该怎么办呢?今天小编就给大家带来Windows10系统出现异常且经常蓝屏的解决方案,一起跟着小编往下看...

    2023-07-08
    0190
  • 小编分享微信文件发邮箱具体操作方法。

    现在几乎每个人都在使用微信,不过你们扎到微信文件如何发邮箱吗?在此教程内容就带来了微信文件发邮箱的具体操作方法。 1.首先需要在微信中开启QQ邮箱功能 2.在聊天对话框里找到想要转...

    2023-06-10 PC教程
    0220
  • 分享wps2019文件怎样插入约等于特殊符号。

    有时候使用wps2019时,因实际需求要将插入约等于特殊符号,怎么办呢?别急,下文就是wps2019文件插入约等于特殊符号的操作方法,一起看看去吧。 wps2019文件怎样插入约等...

    2023-08-18 PC教程
    0120
  • 教你Win10重装应用商店不见了怎么恢复

    最近有很多用户反映在重装win10系统的时候,由于操作不当,误删了win10应用商店,导致一些应用软件不知道在哪里下载。那么如何恢复win10应用商店?下面小编就给大家分享下Win...

    2023-07-10 PC教程
    0220
  • 我来教你Win8查看电脑声卡型号的操作方法。

    当前使用Win8的伙伴有很多,不过一些网友使用Win8系统却还不会查看电脑声卡型号,所以下文就介绍了Win8查看电脑声卡型号的操作方法,还不会操作的朋友就跟着小编学习一下吧,希望对...

    2023-08-14 PC教程
    0120
  • 我来分享比邻APP怎么使用涂鸦功能

    比邻APP是一个让年轻人心跳加速的电话社交平台,其中有个涂鸦功能受到了广大用户们的喜爱,但很多新用户们还不知道如何使用这项功能,下面小编就和大家分享下比邻APP涂鸦功能使用方法 比...

    2023-06-22
    0190
  • 小编教你Win10

    Win10 20H2版本是最新的Win10操作系统,最近微软有推出了最新的补丁KB4598242,很多用户都更新了,但是一些用户反馈在安装该更新的时候遇到错误,更新一直失败,重试过...

    2023-07-11
    0200
  • 我来分享Windows10安装QQ卡住不动了怎么办。

    Windows10安装QQ卡住不动了怎么办?QQ是我们最常使用的聊天软件,一位用户在Windows10系统下安装QQ时,进度条一直卡住不动,这该怎么办?下文将为你揭晓! 若我们在W...

    2023-06-17 PC教程
    0210
  • 教你傲游浏览器怎么快速保存图片

    作为一款多功能、个性化多标签的浏览器产品,傲游浏览器不仅有效减少了浏览器对系统资源的占用率,还提供了多项贴心的功能,其中便包括可以快速保存页面图片的“快速保存&rdqu...

    2023-07-04
    0190
  • 小编教你AutoCAD放大缩小或平移失败的处理操作。

    很多用户都不太了解AutoCAD放大缩小或平移失败的处理操作。而下文呢,笔者就特地分享了关于AutoCAD放大缩小或平移失败的解决方法,一起来看看吧! AutoCAD放大缩小或平移...

    2023-08-12 PC教程
    0110
  • 我来分享顿号在键盘上怎么打。

    顿号在键盘上怎么打?我们在使用电脑打字时,需要输入各种符号,比如逗号、句号、顿号等,但是很多朋友都不知道顿号怎么打出来,这就很惆怅了!其实想打顿号很简单,下面小编给大家介绍顿号的三...

    2023-06-17 PC教程
    0180
  • 小编分享图叫兽怎么把heic转换成jpg

    heic格式是苹果手机中的一种常见图片格式,目前这种格式的图片无论是在电脑上还是在其它设备上都是无法直接打开的,而如果非要打开heic格式的图片,最好的方法也就是将heic转换成j...

    2023-07-06 PC教程
    0170
  • 我来教你Adobe

    Adobe Photoshop是一款功能非常强大的图片编辑软件,它可以创建图片、修改图片、编辑图片等等,一般我们都是用Adobe Photoshop来编辑图片而已,其实还可以在里面...

    2023-07-02 PC教程
    0160
  • 我来分享云帆影视浏览器怎么卸载

    云帆影视浏览器怎么卸载?云帆影视浏览器是一款简单易用的浏览器,很多人在下载软件的时候不小心把这个软件一下下载下来,要怎么卸载呢,下面就给大家分享具体步骤。 1、右键桌面快捷方式,点...

    2023-06-23 PC教程
    0220
  • 我来分享2345好压更改外观的操作步骤。

    最近有不少的2345好压用户们,会询问小编怎么更改外观?今日在这篇文章内小编就为你们带来了2345好压更改外观的操作步骤。 2345好压更改外观的操作步骤 首先打开2345好压,左...

    2023-08-14 PC教程
    0120

发表回复

登录后才能评论