Question

为什么我的Jade语法突出显示在VS代码中看起来很糟糕？ （例如，当我在之前添加行时注释元，始终是最后注释）
我是弄乱语法还是只是VS Code的错？

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

这是我的代码：

    doctype html
    html
        head
            title= title
            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')

            // - Files that need to be included at top
            include ./partials/_include_at_top.jade
            block extra-styles
        body
            include ./partials/_main-nav.jade
            .page
                block content

            // - Files that need to be included at bottom
            include ./partials/_include_at_bottom.jade

Images

Answer 1

由于this issue with the language grammar in VS Code的评论，语法突出显示很糟糕。

include，block等未被突出显示的原因是您使用了旧的＆＃34; Dark（Visual Studio）＆＃34;主题。我们建议您更改为＆＃34; Dark + theme＆＃34;通过执行以下操作：

CTRL + 移 + P
输入theme
从列表中选择Dark +（或其他主题）

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

Answer 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

这是一个有点误导，因为它应该更好地说明问题是你的待包含的玉文件无法找到。如果我生成“丢失的”玉文件，则使用节点模块呈现模板而没有错误。

因此，无论是文件丢失还是vs代码中的显示问题。

VS Code的Jade语法突出显示很糟糕

2 个答案: