Prettier

Prettier

IntelliJ IDEA与Prettier代码格式化器集成。您可以使用Reformat with Prettier操作重新格式化选定的代码片段以及整个文件或目录。IntelliJ IDEA增加了这个操作，只要你在机器上安装Prettier作为依赖于您的项目或全局范围内，Prettier在.js，.ts，.css，.less，.scss，.vue和.json文件中是可用的。

此外，Prettier配置中的关键代码样式规则也适用于IntelliJ IDEA代码样式设置。因此，生成的代码（例如，在重构或快速修复之后）和已经使用Prettier处理的代码的格式一致。

在你开始之前，你需要：

1. 下载并安装Node.js。
2. 如“插件管理”中所述， 在“插件”页面上安装并启用Prettier存储库插件 。

安装Prettier

1. 打开嵌入式终端（查看|工具窗口|终端，或使用Alt+F12）。
2. 在命令提示符下，输入npm install --save-dev --save-exact prettier或npm install --global prettier。从Prettier官方网站了解有关安装模式的更多信息。

在IntelliJ IDEA中配置Prettier

1. 在“设置/首选项”对话框（Ctrl+Alt+S）中，单击“语言和框架”下的“JavaScript” ，然后单击“Prettier”。
2. 在Prettier页面上打开，指定prettier包的路径并选择要使用的Node.js解释器。这可能是一个本地Node.js的解释或适用于Linux在Windows子系统上的Node.js。

使用Prettier重新格式化代码

• 选择要在编辑器中重新格式化的代码片段，或在“项目”工具窗口中选择文件或文件夹，然后在选择的上下文菜单中按“N/A”或选择“使用Prettier重新格式化”。
• 或者，按Ctrl+Shift+A，然后在“查找操作”弹出列表中单击“使用Prettier重新格式化”：