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

Question

我相信很多人已经注意到当在 IDE 中编写代码时，EmberJS 有一个奇怪的行为。那是因为 HTML 代码在标签内，IDE 需要的是 JS，而不是 HTML。

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

      {{outlet}}
 </script>

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

方括号：不识别 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

希望对你有帮助。