web-dev-qa-db-ja.com

webStorm / phpStormでLiquidテンプレートの構文ハイライトを有効にする

誰かが Liquid templating engine 構文ハイライト WebStorm IDE を有効にできたのだろうか、私は Shopify は、その目的でWebstormを使用するのが好きです。誰かがこれを機能させることができましたか？

JetBrainのフォーラムでこの問題に関するいくつかのリソースを見つけましたが、どこにも行きませんでした。「 tmBundle 」を使用することを提案した人物がいます。黒魔術。

スレッドは： Ruby-7210 および公式プラグインリクエスト： JetBrainのプラグイン：Liquid Templating language request

syntax-highlightingshopifywebstormliquidtextmatebundles
32
Ilia luk

TwigはLiquidと非常によく似た構文を持っていることがわかりました。Twigプラグインを有効にすると、Liquid構文が強調表示され、「textMate Liquidバンドル"。

Settings > Editor > File Typesに移動して、そのリストで「Twig」を見つけ、登録済みのパターンセクションに*.liquidを追加して、Liquidファイルを関連付けます。

Twigが見つからない場合は、「リポジトリの参照」または「JetBrainsプラグインのインストール」から公式プラグインをダウンロードします。そこに見つからない場合は、プラグインをダウンロードし、「ディスクからプラグインをインストール」を押して手動でインストールします。 https://plugins.jetbrains.com/plugin/7303?pr=

また、*.scss.liquidを.scssファイルに、*.css.liquidを.cssファイルに、*.js.liquidを.jsファイルに関連付けて、これらのタイプのファイルでTwigが実行されないようにすることもできます。

最終結果は魅力のように機能します！公式のプラグインが出てくるまでは最高のソリューションです。誰かの助けになることを願っています。

97
Ilia luk

Ilia luk's answer 、PHP Stormは現在、Twigサポートが組み込まれています。プラグインを有効にします。まだではありません。

8
Chris Bauer

Shopifyのスタイルに追加します。設定にJSONを追加するためです。スキーマタグ間のJSONラッピングを有効にします

設定>エディター>言語インジェクション

[追加/プラス]ボタンをクリックします。次に設定を追加します

言語ID = JSON

Places Patterns = + twigCustomStatement（ "schema"）

0
JoeyPi