Jade как подсветка синтаксиса .pug-файлов Visual Studio 2015

Question

Возможно, это действительно глупый вопрос, но я не могу найти какой-либо возможности заставить его работать.

После недавнего изменения имени пакета npm от jade to pug я обошел и изменил все файлы .jade в моих проектах на .pug - как это требует пакет.

Это вызвало ошибку: синтаксис нефрита не выделяется в .pug-файлах. Более того, я не могу найти возможность добавить опыт редактирования jade для файлов расширения .pug в VS15.

Любой работал, как заставить его работать?

Answer 1

правой кнопкой мыши на файле .pug в обозревателе решений выберите «Открыть с», затем выберите редактор Jade.

Кроме того, если вы хотите, чтобы ваши отступы в .pug/.jade файлов будут 2 места вместо 4, чтобы соответствовать мопс документации и примеры, вы можете пойти в Инструменты>Опция>Text Editor>Джейд>Вкладки, а затем установите «размер Tab» и «отступ размер» до 2.

Answer 2

user1257979 пришел с лучше раствором: https://stackoverflow.com/a/38153085/5647513

---

Мой хаком решение:

Вы можете использовать .jade расширение с мопса, если вы ссылаетесь файлы с помощью полного имени файла, как extends layout.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 .. 

И добавить действие после сборки в .njsproj перед

<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