Sublime Text 2如何美化

Question

在 Sublime 2 中，我知道如何重新缩进整个文档以及如何为该函数分配一个键，但我想像在 WebStorm 中那样重新缩进，其中在 (=) 前后添加空格在 (:) 之前。观看示例图片。我怎么能在 Sublime 中做到这一点或者什么包可以做到这一点？

Answer 1

您应该查看 Will Bond 的 Alignment plugin, it should do most of what you want, and is pretty configurable as well. There seems to be an issue with the documentation and circular links between packagecontrol.io and wbond.net, but here 是存储在 Wayback Machine 中的文档。

Answer 2

使用：

HTML-CSS-JS Prettify

您可以调整以下设置@:

Menu > Preferences > Package Settings > HTML/CSS/JS Prettify > Set Prettify Preferences

"js": {
  "allowed_file_extensions": ["js", "json", "jshintrc", "jsbeautifyrc"],

  "brace_style": "collapse-preserve-inline",
  // collapse:                 (old default) Put braces on the same line as control statements
  // collapse-preserve-inline: (new default) Same as collapse but better support for ES6 destructuring and other features. https: //github.com/victorporof/Sublime-HTMLPrettify/issues/231
  // expand:                   Put braces on own line (Allman / ANSI style)
  // end-expand:               Put end braces on own line
  // none:                     Keep them where they are

  "break_chained_methods":     false, // Break chained method calls across subsequent lines
  "e4x":                       false, // Pass E4X xml literals through untouched
  "end_with_newline":          false, // End output with newline
  "indent_char":               " ",   // Indentation character
  "indent_level":              0,     // Initial indentation level
  "indent_size":               2,     // Indentation size
  "indent_with_tabs":          true,  // Indent with tabs, overrides `indent_size` and `indent_char`
  "jslint_happy":              false, // If true, then jslint-stricter mode is enforced
  "keep_array_indentation":    false, // Preserve array indentation
  "keep_function_indentation": false, // Preserve function indentation
  "max_preserve_newlines":     0,     // Maximum number of line breaks to be preserved in one chunk (0 disables)
  "preserve_newlines":         true,  // Whether existing line breaks should be preserved
  "space_after_anon_function": false, // Should the space before an anonymous function's parens be added, "function()" vs "function ()"
  "space_before_conditional":  true,  // Should the space before conditional statement be added, "if(true)" vs "if (true)"
  "space_in_empty_paren":      false, // Add padding spaces within empty paren, "f()" vs "f( )"
  "space_in_paren":            false, // Add padding spaces within paren, ie. f( a, b )
  "unescape_strings":          false, // Should printable characters in strings encoded in \xNN notation be unescaped, "example" vs "\x65\x78\x61\x6d\x70\x6c\x65"
  "wrap_line_length":          0      // Lines should wrap at next opportunity after this number of characters (0 disables)
}

注：

它不处理引号内的逗号。
我还测试了 CoolFormat，它也不处理它们。

Sublime Text 2如何美化

How do I beautify in Sublime Text 2

ide

sublimetext2

webstorm

使用：

HTML-CSS-JS Prettify

注：