WebStorm 6 中的自动格式化代码类似于 Sublime Text 的对齐插件答案

【问题标题】：Auto-formatting Code in WebStorm 6 Akin to Sublime Text's Alignment PluginWebStorm 6 中的自动格式化代码类似于 Sublime Text 的对齐插件
【发布时间】：2013-06-28 15:57:11
【问题描述】：

我是 Sublime Text 的长期用户，但我最近下载了 WebStorm 6 (6.0.2)，我真的很喜欢它，但我找不到与 Sublime 的 Alignment Plugin 匹配的插件，它可以重新格式化我的我广泛使用的代码（是的，我有点对我的代码格式很狂热）。

例如，在 Sublime 中我可以使用这个代码块：

user : {
  name    : "Bruce Wayne",
  alias   : "Batman",
  favColour : "black",
  dob : "unknown"
}

使用 Alignment 键盘快捷键后，它变成：

user : {
  name      : "Bruce Wayne",
  alias     : "Batman",
  favColour : "black",
  dob       : "unknown"
}

我查看了“重新格式化代码”选项 (Code > Reformat Code...)，但在这种情况下，它对格式化没有任何作用，因为 Webstorm 认为它已经正确格式化，这实际上是完全正确的，只是没有符合我个人的标准。

所以我的问题是：是否有（相当）简单的方法来完成此任务，或者是否有您知道的可用于 WebStorm 的插件提供相同/相似的功能？

提前致谢！

【问题讨论】：

代码格式设置在 Settings (Preferences on Mac) | Code Style | JavaScript 进行配置。 Reformat Code 只是一个根据这些规则重新格式化选择/文件的命令。 JavaScript 的代码样式具有这样的选项来进行这种（或非常相似的）对齐（检查“其他”选项卡）
大部分都做到了......它的空间仍然不完全正确，但它主要适合我的需要。 Preferences > Code Style > Javascript > Other 然后从下拉列表中选择 On colon。
还有什么问题？ JavaScript 代码样式还有 3 个带有 大量设置 的其他选项卡——请检查它们——很可能该选项已经存在（例如 "Spaces" tab | Other | Before property name-value separator ':'）
这最后一条评论完全满足了我原来的对齐问题，谢谢。 :) 我的另一个问题是使用“=”作为分隔符，而不仅仅是“：”......有什么建议吗？顺便说一句 - 如果您想将上述任何内容作为“答案”发布，我很乐意接受它作为解决方案。再次感谢 LazyOne！
我不是一个真正的 JS 人（偶尔将它用于简单的 jQuery 东西）并且不明白你的意思 用“=”作为分隔符而不仅仅是“:”。你的意思是“连续赋值”（它是为PHP实现的）。如果是这样——youtrack.jetbrains.com/issue/WEB-6277

标签： phpstorm webstorm

【解决方案1】：

代码格式设置在 Settings (Preferences on Mac) | Code Style | JavaScript 进行配置。 Reformat Code 只是一个根据这些规则重新格式化选择/文件的命令。

JavaScript 的代码样式可以选择进行这种对齐：

"Spaces" tab | Other | Before property name-value separator ':' -- 打勾
"Other" tab | Align object properties = On colon

【讨论】：