4

これは本当にばかげた質問かもしれませんが、それを機能させるオプションが見つかりません。

最近 npm パッケージ名が jade から pug に変更された後、パッケージの要求に応じて、プロジェクト内のすべての .jade ファイルを .pug に変更しました。

これは厄介な問題を引き起こしました - jade 構文は .pug ファイルで強調表示されません。さらに、VS15 の .pug 拡張子ファイルに jade 編集エクスペリエンスを追加するオプションが見つかりません。

ここに画像の説明を入力

誰かがそれを機能させる方法を考え出しましたか?

4

3 に答える 3

6

ソリューション エクスプローラーで .pug ファイルを右クリックし、[プログラムから開く] を選択して、Jade エディターを選択します。

また、.pug/.jade ファイルのインデントを、Pug のドキュメントと例に合わせて 4 つではなく 2 つのスペースにしたい場合は、 [ツール] > [オプション] > [テキスト エディター] > [ Jade ] > [タブ] に移動し、[タブ サイズ] を設定します。 」と「インデントサイズ」を2に。

于 2016-07-01T19:55:53.220 に答える
1

user1257979 にはより良いソリューションが付属しています: https://stackoverflow.com/a/38153085/5647513

私のハックな解決策：

.jadeのような完全なファイル名でファイルを参照する場合は、拡張子を pug で使用できますextends layout.jade。

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 に答える