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

EmberJS and weird IDE (text editor) compatibility

本文关键字：文本编辑 文本 编辑器 兼容性 IDE EmberJS      更新时间：2023-09-26

我相信很多人都注意到EmberJS在用IDE编写代码时有一种奇怪的行为。这是因为 HTML 代码位于标记内，其中 IDE 需要 JS，而不是 HTML。

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

崇高：上面的 h2 标签看起来根本没有评论。如果您使用快捷方式进行注释，则它会添加//注释，这些注释没有执行任何操作，它们只是将斜杠呈现到浏览器中。

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

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

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

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

在模板中使用带有 {{! }} 或 {{!-- --}} 的注释。

例

<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

希望对您有所帮助。

相关文章：