EmberJS和奇怪的IDE（文本编辑器）兼容

Question

我确信很多人都注意到，当用IDE编写代码时，EmberJS有一种奇怪的行为。这是因为HTML代码在标记内部，IDE期望JS，而不是HTML。

 <script type="text/x-handlebars">
      <!--<h2>Welcome to Ember.js</h2>-->

      {{outlet}}
 </script>

Sublime ：上面的h2标签看起来根本没有评论。如果你使用快捷方式进行评论，那么它会添加//没有做任何事情的评论，它们斜线只会被渲染到浏览器中。

括号：无法识别HTML标记，它们显示为纯文本

TextWrangler ：只有结束标记突出显示为HTML标记

这是我试过的三个，似乎没什么可行的。有没有人有任何其他IDE或知道如何使其正常工作？

Answer 1

由于您在车把模板定义中，您是否尝试使用车把注释语法？

在包含{{! }}或{{!-- --}}的模板中使用评论。

实施例

<script type="text/x-handlebars">
  <div class="entry">
    {{! This comment will not be in the output }}
    <!-- This comment will be in the output -->
  </div>
</script>

更新

如果您使用Sublime Text，则可以使用插件进行正确的评论格式设置，例如：https://github.com/nrw/sublime-text-handlebars

希望它有所帮助。