vscode中prettier插件怎么使用? vscode中prettier的用法

prettier是一款优秀的代码格式化工具，并不关心你的语法是否正确，只关心你的代码格式，比如是否使用单引号，语句结尾是否使用分号等等，它可以把格式错乱的代码转化为符合标准的漂亮代码，prettier支持格式化的语言有：javascript，typescript，flow，jsx，json，css，scss，less，html，vue，angular，graphql，markdown，yaml。

prettier也开发了一款vscode的插件，本文介绍如何在vscode中使用prettier

visual studio code(代码编辑器) v1.64.0 64位 中文免费绿色版

• 类型：编译工具
• 大小：74.1mb
• 语言：简体中文
• 时间：2022-02-05

打开vscode，如果没有安装prettier插件，请先安装，安装方法是点击“extension”图标，然后搜索 “prettier”，找到官方插件并安装

准备一段示例代码，如下图是一段格式比较混乱的html代码

在打开示例代码的vscode窗口中，使用快捷键“ctrl + shift + p”打开vscode命令框，在框中输入“format”关键字，可以看到有2个选项

1. format document （快捷键 shift+alt+f）对整个文档做格式化

2. format selection （快捷键ctrl+k, ctrl+f）对选择代码做格式化

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

我们选择“format document”后，可以看到代码发生了变化，示例代码变得美观整洁，如下图所示

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

1. format document （shift+alt+f）

2. format selection （ctrl+k, ctrl+f）

以上就是vscode中prettier插件的使用方法，希望大家喜欢，请继续关注。