PhpStorm -> Jade 中的 AngularJS 支持

Question

有没有办法在 Jade 模板中添加/编辑/创建 AngularJS 支持？

我已经安装了AngularJS和Jade插件，但是我觉得Jade插件没有这样的功能。

请看截图：

PhpStorm 版本：最新的 PhpStorm 2016

Answer 1

这与我们现在在 vue.js 中所做的非常相似，尽管这是在您提出这个问题几年之后。一旦你弄清楚细微差别，它就会很好地工作。

如果有办法关闭错误检查，这个 pug 语句：

{{"test"}}

将输出一个 HTML 标记，并将其作为标记名称。

<{{"test"}}></{{"test"}}>

当然，pug 知道这不是一个有效的 html 标记名称并引发错误 - 这是我在 test.pug 中尝试您的代码时发生的情况：

1| html    
2| body
3|   {{\"test\"}}\n
---------^
unexpected text \"{{\"te\""

要解决这个问题，您需要创建某种类型的标签来托管您的 Angular 模板。 Spans 非常适合内联文本：

span {{"test"}}

将输出：

<span>{{"test"}}</span>

您也可以使用管道字符来输出它后面的原始文本：

| {{"test"}}

无论如何，您只需要在该行的开头添加一些内容，它就会按照您的意愿工作。