Prettier

2018-10-15 14:12 更新

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重新格式化”:ws_reformat_with_prettier_js.png
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号