4

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

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

这导致了一个琐碎的问题——jade 语法在 .pug 文件中没有突出显示。更何况在VS15中找不到.pug扩展文件添加jade编辑体验的选项。

在此处输入图像描述

有人想出如何让它工作吗？

4

3 回答 3

6

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

此外，如果您希望 .pug/.jade 文件中的缩进为 2 个空格而不是 4 个以匹配 Pug 文档和示例，您可以转到Tools > Options > Text Editor > Jade > Tabs，然后设置“Tab size " 和 "缩进大小" 为 2。

于 2016-07-01T19:55:53.220 回答
1

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>
于 2016-05-30T15:59:55.127 回答
0

可以使用“语法突出显示包”扩展，增加对多种文件类型的支持 https://visualstudiogallery.msdn.microsoft.com/d92fd742-bab3-4314-b866-50b871d679ee

于 2016-10-13T18:26:17.447 回答