如何在 WebStorm 中自动格式化代码?

Posted

技术标签:

【中文标题】如何在 WebStorm 中自动格式化代码?【英文标题】:How to auto format code in WebStorm? 【发布时间】:2014-02-08 15:59:02 【问题描述】:

我正在寻找一种在 WebStorm IDE 中自动格式化我的代码的方法?

【问题讨论】:

我看不出有什么特别之处。 “Help | Default Keymap Reference”中提到的标准操作/快捷方式仅列出了常用操作。 【参考方案1】:

MacCommand + Option + L

PCCtrl + Alt + L

【讨论】:

这并没有回答“自动格式化”代码的问题。它仍然需要按键。 它会回答它,通常你不希望它格式化,直到你发出命令。这也适用于 WebStorm。 这是假设你有标准的 IntelliJ 键盘映射。在 Windows 中使用 Visual Studio 键盘映射默认为 Alt+F8。你可以通过转到设置窗口的键盘映射部分轻松找到它,然后搜索“格式”或“重新格式化” @Vad 不。虽然这个答案很受欢迎,但它是关于“格式化”,而不是“自动格式化”。顾名思义,自动格式化是自动的——无需按键。 对我来说,我假设这里的大多数人,“自动格式化”是当你按下 Ctrl+Alt+L 时发生的事情【参考方案2】:

可以通过创建一个格式化代码并保存它的宏,然后将此宏绑定到 Ctrl+S 快捷方式。 (Mac:Cmd+S

This answer was posted for phpStorm 对 WebStorm 同样有效。修改后的答案如下:


录制宏

    编辑 > 宏 > 开始宏录制 按 Ctrl+Alt+L,然后按 Ctrl+Alt +S (在 Mac 上:Cmd+Option+L,然后是 Cmd+Option +S 点击页面右下角的停止按钮停止录制宏。 为此宏命名,例如“格式化并保存”

将 Ctrl+S 分配给“格式化并保存”

    打开文件>设置; 搜索“keymap”并打开它; 搜索“格式化并保存”并双击“格式化并保存”操作; 选择“添加键盘快捷键”; 选择“Ctrl+S”作为第一个笔划。 它将报告冲突。忽略它并点击确定按钮 WebStorm 将显示警告“快捷方式已分配给其他操作。您要删除其他分配吗?”点击“删除”按钮

就是这样。

【讨论】:

这应该是正确的答案!我一直都知道键盘快捷键,但这不会“自动”格式化我的代码,它只会在我告诉它时格式化(我经常不这样做) 我不得不将“全部保存”重新映射到 cmd+option+s,然后在 OSX 上将第 5 步更改为“cmd+option+s” 不错,但是除了当前在编辑器中打开的文件之外,它不会格式化其他文件。所有其他文件均未格式化保存 我使用 Jetbrain IDE 已经 2 年了......我学到了新的好主意 谢谢 我同意。这应该是正确的答案。多年来,我通过多个 JetBrains 版本使用了这个答案。无论您是哪一年,它仍然准确。【参考方案3】:

“Save Actions”插件可以在保存时格式化代码。

    安装插件:

    文件 -> 设置 -> 插件 -> 浏览存储库;

    输入关键字“保存操作”安装 重新启动 IDE。

    配置插件:

    文件 -> 设置 -> 其他设置

    选中“格式化文件”选项。

【讨论】:

欢迎。如果您提供有关如何配置插件的一些详细信息,您可以使这个答案更好 保存操作是迄今为止最好的解决方案 IMO。完整的文档可以在这里找到:github.com/dubreuia/intellij-plugin-save-actions【参考方案4】:

如果您的 MAC 上没有 ALT,则为:

命令 + 选项 + L

【讨论】:

这并没有回答“自动格式化”代码的问题。它仍然需要按键。【参考方案5】:
    CTRL+ALT+S 打开设置。 选择插件 > 市场。 在搜索字段中输入Save Actions。 点击安装安装插件。重新加载 IDE。 再次打开设置。 选择保存操作(它显示在设置列表的底部)。 检查Reformat file > 按确定按钮。

访问Plugin Homepage

【讨论】:

【参考方案6】:

对基于Code reformatting on save in PhpStorm or other jetbrains ide的答案稍作更正这个答案基本上是正确的,但是您需要为Save All创建自定义键绑定才能使其工作,并为Windows(或Linux)提供键绑定, Ctrl+Alt+S 用于打开可能产生不良后果的设置对话框。


更改Save All 键绑定

    使用 ctrl +alt+s (Windows/Linux) 或 cmd++ (Mac)。 转到Keymap -> Main Menu -> File->Save All 右键单击并选择Remove Ctrl+S/Cmd+S 右键单击并选择Add Keyboard Shortcut 将键盘快捷键设置为 Ctrl+Alt+Shift+S (Windows/Linux) 或 Cmd+Alt+Shift+S (Mac) 并在快捷方式窗口和设置窗口上单击OK

创建宏

    点击Edit -> Macros -> Start Macro RecordingCtrl+Alt+l 然后按 Ctrl+Alt+Shift+S (Windows/Linux) 或 Cmd+Alt+l 和 Cmd+Alt+Shift+S (Mac) 输入一个名称,例如Format-save

设置键绑定

    使用 ctrl +alt+s (Windows/Linux) 或 cmd++ (Mac)。 转到Keymap -> Main Menu -> Edit->Macros->Format-save 右键单击并选择Add Keyboard Shortcut 输入 ctrl +s (Windows/Linux) 或 cmd+s (Mac) 并点击 @ 987654341@在快捷方式窗口和设置窗口。

一切就绪!

【讨论】:

以上是关于如何在 WebStorm 中自动格式化代码?的主要内容,如果未能解决你的问题,请参考以下文章

基于自定义需求的 WebStorm 2016 自动格式化代码

WebStorm 2016自动格式代码基于自定义要求

webstorm自动格式化.vue文件并符合Eslint

如何根据eslint制作WebStorm格式代码?

WebStorm 中通过 ESLint 规则进行更漂亮的集成

webstorm 默认代码格式化更改,webstorm设置prettier规则