.pug 文件的 Jade like 语法高亮 Visual Studio 2015

Question

这可能是一个非常愚蠢的问题，但我找不到任何让它起作用的选项。

在最近将 npm 包名称从 jade 更改为 pug 之后，我四处走动并将我项目中的所有 .jade 文件更改为 .pug - 根据包的要求。

这引起了一个棘手的问题——jade 语法在 .pug 文件中没有突出显示。而且，我在VS15中找不到为.pug扩展文件添加jade编辑体验的选项。

有人知道如何让它工作吗？

Answer 1

user1257979 提供了更好的解决方案：

我的骇人听闻的解决方案：

如果您通过 extends layout.jade.

等完整文件名引用文件，则可以将 .jade 扩展名与 pug 一起使用

如果使用 Express 框架，还应该在 express 初始化时设置渲染引擎：

app.set('view engine', 'jade');
app.engine('jade', require('pug').__express);

更新：您还可以添加 post 构建操作以将所有 *.jade 文件复制到 *.pug.

将 postBuild.bat 添加到包含以下内容的项目的根目录：

@cd views
@FOR %%F IN ( *.jade ) DO @( @echo Emited %%~nF.pug && @copy %%F %%~nF.pug >nul )
@cd ..

并在 .njsproj 之前添加 post 构建操作

<Import Project="$(VSToolsPath)\Node.js Tools\Microsoft.NodejsTools.targets" />

  <!-- PostBuild Step-->
  <PropertyGroup>
    <PostBuildEvent>
      .\postBuild.bat
    </PostBuildEvent>
  </PropertyGroup>

Answer 2

在解决方案资源管理器中右键单击 .pug 文件，select "Open With"，然后选择 Jade 编辑器。

此外，如果您希望 .pug/.jade 文件中的缩进为 2 个空格而不是 4 个以匹配 Pug 文档和示例，您可以转到 Tools > 选项 > 文本编辑器 > Jade > 选项卡，以及然后将 "Tab size" 和 "Indent size" 设置为 2.

Jade like syntax highlighting of .pug files Visual Studio 2015