Visual Studio Code中prettier插件如何使用

发布时间：2026-07-30 09:56:01作者：xx

在visual studio code（简称vs code）中，prettier插件是一款强大的代码格式化工具，能帮助开发者快速统一代码风格，提升代码的可读性和规范性。以下是prettier插件的使用方法：

安装prettier插件

打开vs code，点击左侧菜单栏的“扩展”图标。在搜索框中输入“prettier”，找到“prettier - code formatter”插件并点击安装按钮，安装完成后重启vs code。

配置prettier

安装完成后，你可以根据自己的需求对prettier进行配置。在vs code中打开命令面板（快捷键ctrl+shift+p），输入“prettier:config”，选择“edit prettier configuration”，会打开一个配置文件（通常是.prettierrc或.prettierrc.json）。在这里你可以设置代码的缩进风格、换行符、单引号或双引号的使用等各种格式化选项。例如，将“singlequote”设置为true，表示使用单引号。

使用prettier格式化代码

1. 格式化单个文件：打开你想要格式化的文件，然后使用快捷键alt+shift+f（windows/linux）或option+shift+f（mac），vs code会自动按照prettier的配置对该文件进行格式化。