codecamp

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重新格式化”:ws_reformat_with_prettier_js.png
在IntelliJ IDEA使用之PhoneGap/Cordova
JavaScript库:React
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

IntelliJ IDEA的一般准则

什么是IntelliJ IDEA项目

使用IntelliJ IDEA的意图行为

IntelliJ IDEA使用运行/调试配置

特定于VCS的程序

IntelliJ IDEA语言和特定框架指南

IntelliJ IDEA的数据库和SQL功能

IntelliJ IDEA使用之JavaServer Faces(JSF)

IntelliJ IDEA:分析PHP应用程序的性能

IntelliJ IDEA:调试PHP应用程序

IntelliJ IDEA:适用于PHP的Google App Engine

IntelliJ IDEA更多内容

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }