翡翠像.pug文件的語法突出顯示Visual Studio 2015

Question

這可能是一個非常愚蠢的問題，但我找不到任何選項使其工作。

繼npm包名從玉變成帕格後，我走了過來，將項目中的所有.jade文件改爲.pug - 就像包需求一樣。

這造成了一個小問題 - 在.pug文件中沒有突出顯示jade語法。更重要的是，我無法在VS15中找到將jade編輯體驗添加到.pug擴展文件的選項。

任何人都制定瞭如何使它工作嗎？

Answer 1

正確添加後生成的行動.njsproj上.pug文件上單擊右鍵在解決方案資源管理器中，選擇「打開方式」，然後選擇Jade編輯器。

另外，如果你想在.pug/.jade文件的縮進爲2個空格代替4至哈巴狗文檔和示例匹配，你可以去工具>選項>文本編輯器>玉>標籤，然後設置「選項卡大小」和「縮進大小」爲2

Answer 2

user1257979帶着更好的解決方案：https://stackoverflow.com/a/38153085/5647513

---

我hackish的解決方案：

如果您通過完整的文件名引用文件像extends layout.jade可以使用.jade擴展與哈巴狗。

如果使用快遞的框架，你還應該設置快車初始化渲染引擎：

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

UPDATE： 您還可以添加後生成作用於所有*.jade文件複製到*.pug。

添加postBuild.bat到包含項目的根：

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

而之前

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

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

Answer 3

它可以使用「語法高亮包」的擴展，它增加了對許多類型的文件支持 https://visualstudiogallery.msdn.microsoft.com/d92fd742-bab3-4314-b866-50b871d679ee