VS Code 的 Jade 语法高亮不好答案

【问题标题】：VS Code's Jade syntax highlighting is badVS Code 的 Jade 语法高亮不好
【发布时间】：2016-05-31 23:38:49
【问题描述】：

为什么我的 Jade 语法高亮在 VS Code 中看起来很糟糕？ （例如，当我在之前添加行时，注释元，总是最后一个注释）
是我弄乱了语法还是仅仅是 VS Code 的错？

这不是第一次，它开始让我很烦恼，但我宁愿解决它，因为我真的很喜欢 VS Code

这是我的代码：

文档类型 html html 头标题=标题 meta(name='viewport', content='width=device-width, initial-scale=1') // - meta(name='viewport', content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no') // - 需要包含在顶部的文件包括 ./partials/_include_at_top.jade 阻止额外样式身体包括 ./partials/_main-nav.jade 。页阻止内容 // - 需要包含在底部的文件包括 ./partials/_include_at_bottom.jade

Images

【问题讨论】：

标签： pug syntax-highlighting visual-studio-code

【解决方案1】：

由于this issue with the language grammar in VS Code，cmets 的语法突出显示不好。

include、block 等未突出显示是因为您使用的是较旧的“Dark (Visual Studio)”主题。我们建议您通过执行以下操作更改为“Dark+ 主题”：

ctrl+shift+p
输入theme
从列表中选择 Dark+（或其他主题）

您似乎还想使用don't render comment to HTML feature，这是通过使用//-而不是// -来完成的。

【讨论】：

酷。非常感谢！我不反对将答案标记为有用，但绝对应该有人这样做。

【解决方案2】：

如果您将代码放在jade-lang.com，您会看到它声明

Jade:10
    8| 
    9|         // - Files that need to be included at top
  > 10|         include ./partials/_include_at_top.jade
    11|         block extra-styles
    12|     body
    13|         include ./partials/_main-nav.jade

the "filename" option is required to use "include" with "relative" paths

wich 有点误导，因为它应该更好地说明问题是找不到您要包含的玉文件。如果我生成“丢失”的玉文件，则模板将使用节点模块呈现而不会出现错误。

所以要么是文件丢失，要么是 vs 代码中的显示问题。

【讨论】：

是的，我得到了正确的文件路径，因为它们将估计的额外内容添加到布局中。第一次设置 Express 时，我正在检查“文件名选项”，但看不到它在 app.js 中设置选项的位置。找到东西我会回来的。
不过既然加载正确，也许 VS Code 只是一个小的语法问题。