Sublime text 3 自定义 HTML 元素的正确缩进答案

【问题标题】：Sublime text 3 proper indention for custom HTML elementSublime text 3 自定义 HTML 元素的正确缩进
【发布时间】：2015-12-11 03:13:39
【问题描述】：

我正在使用 sublime text 来做离子项目。我们通常会拥有所有这些自定义元素，例如：

<ion-view view-title="Playlists">
  <ion-content>
    <ion-list>
      <ion-item ng-repeat="playlist in playlists" href="#/app/playlists/{{playlist.id}}">
        {{playlist.title}}
      </ion-item>
    </ion-list>
  </ion-content>
</ion-view>

问题是崇高文本似乎不适用于缩进中的那些自定义元素。如果我突出显示上面的所有代码并重新缩进 (Edit → Line → Reindent)，缩进就会变得一团糟。

我怎样才能为这种情况获得适当的缩进？有什么插件可以用吗？

【问题讨论】：

首先安装包控制器插件这是参考linlk然后安装离子代码sn-p
@Anilkumar 感谢您的建议。我刚刚尝试使用ionic snippet，但它似乎根本没有帮助。

标签： html ionic-framework sublimetext3

【解决方案1】：

我推荐HTML-CSS-JS Prettify。

然后你可以通过：

Ctrl+Shift+H (or Cmd+Shift+H if you're on a Mac).

-- 或--

Right click in the current buffer and select HTML/CSS/JS Prettify -> Prettify Code.

但是，对于任何 JS，我都会使用 JSCS-Formatter。

【讨论】：