.pug文件的翡翠般语法高亮显示Visual Studio 2015

在解决方案资源管理器中右键单击.pug文件,选择“打开方式”,然后选择Jade编辑器。

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

user1257979附带 更好的解决方案 : https://stackoverflow.com/a/38153085/5647513

你可以使用 .jade 如果通过完整的文件名引用文件,如 extends layout.jade .

如果使用Express框架,还应在Express初始化时设置渲染引擎:

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

更新 : 您还可以添加生成后操作以复制所有 *.jade 文件到 *.pug .

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

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

并将生成后操作添加到 .njsproj 就在之前

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

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