這可能是一個非常愚蠢的問題,但我找不到任何選項使其工作。翡翠像.pug文件的語法突出顯示Visual Studio 2015
繼npm包名從玉變成帕格後,我走了過來,將項目中的所有.jade文件改爲.pug - 就像包需求一樣。
這造成了一個小問題 - 在.pug文件中沒有突出顯示jade語法。更重要的是,我無法在VS15中找到將jade編輯體驗添加到.pug擴展文件的選項。
任何人都制定瞭如何使它工作嗎?
這可能是一個非常愚蠢的問題,但我找不到任何選項使其工作。翡翠像.pug文件的語法突出顯示Visual Studio 2015
繼npm包名從玉變成帕格後,我走了過來,將項目中的所有.jade文件改爲.pug - 就像包需求一樣。
這造成了一個小問題 - 在.pug文件中沒有突出顯示jade語法。更重要的是,我無法在VS15中找到將jade編輯體驗添加到.pug擴展文件的選項。
任何人都制定瞭如何使它工作嗎?
正確添加後生成的行動.njsproj
上.pug文件上單擊右鍵在解決方案資源管理器中,選擇「打開方式」,然後選擇Jade編輯器。
另外,如果你想在.pug/.jade文件的縮進爲2個空格代替4至哈巴狗文檔和示例匹配,你可以去工具>選項>文本編輯器>玉>標籤,然後設置「選項卡大小」和「縮進大小」爲2
user1257979帶着更好的解決方案:https://stackoverflow.com/a/38153085/5647513
如果您通過完整的文件名引用文件像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>
它可以使用「語法高亮包」的擴展,它增加了對許多類型的文件支持 https://visualstudiogallery.msdn.microsoft.com/d92fd742-bab3-4314-b866-50b871d679ee
輝煌。謝謝。事實證明,VS做了一些改動後,確實開始了文件的高亮度。我想它一定比我賦予它的更聰明。我已根據您的建議進行了更改,因爲我曾想要在其他'.jade'敏感編輯器中查看。 –
@PeterCoghill你能說你如何在VS15中啓用.pug高亮顯示嗎? 或剛剛更新VS的節點工具? – OwnageIsMagic
它只是一種開始在自己的工作...我實際上並沒有做任何事情。在我編輯並保存了幾次文件之後,我想它意識到這是玉語法並且恰當地突出顯示。 –