16

Интересно, удалось ли кому-то включить подсветку синтаксиса в WebStorm IDE, я много работаю над магазинами Shopify и очень люблю использовать Webstorm для этой цели. Кто-нибудь сумел заставить это работать?Включение подсветки синтаксиса Liquid templating в webStorm/phpStorm

Я нашел некоторые ресурсы по этой проблеме на форуме JetBrain, хотя это меня совсем не достало, есть один чувак, который предложил использовать «tmBundle», и это может сработать, если вы сделаете какую-то темную магию.

Нить: RUBY-7210 и официальный запрос плагина: JetBrain's plugins: Liquid Templating language request

+0

ОК, я понял что-то, хотя это не полное решение, и я далек от того, чтобы быть довольным этим, просто последовал совету из потока «RUBY-7210», который предлагает использовать «tmBundle», чтобы включить подсветку .liquid. Чтобы сделать это, вы можете загрузить следующий пакет: https://github.com/Shopify/liquid-tmbundle/ перейдите в раздел "Настройки веб-магазина> Плагины" и убедитесь, что у вас включена поддержка пакетов TextMate. затем перейдите в «Настройки> Редактор> Связки TextMate», нажмите «+» и укажите место пакета, который вы загрузили из gitHub. открыть файл «.liquid» и walla, получить подсветку, плохую. –

+0

Еще одна вещь, убедитесь, что в разделе «Настройки> Редактор> TextMate Bundles» вы измените «Цветочную схему TextMate» на свою текущую схему, нажав на «Mac Classic» по умолчанию и выбрав что-то еще, это заставляет ее выглядеть немного лучше, хотя я буду очень рад, если WebStorm сможет обрабатывать этот файл как обычный файл «HTML» с помощью этого дополнительного выделения «tmBundle». –

ответ

52

Я обнаружил, что Twig имеет очень похожий синтаксис для жидкости, что позволяет плагину Twig подчеркнет Liquid синтаксис и будет держать HTML блик/autocomplete/emmet, работающие в отличие от «textmate Liquid bundle».

Перейти к Settings > Editor > File Types Найти "Twig" в этом списке и связать с ним файлы жидкости, добавив *.liquid в раздел зарегистрированных образцов.

Если вы не можете найти Twig, загрузите официальный плагин из «Обзор репозиториев» или в «Установка плагина JetBrains». Если вы не можете найти его там затем загрузить плагин и установить его вручную, нажав кнопку «установить плагин с диска»: https://plugins.jetbrains.com/plugin/7303?pr=

Вы также хотите, чтобы связать *.scss.liquid в .scss файлы, *.css.liquid в .css файлов и *.js.liquid в .js файлы, чтобы Twig не запускался в этих типах файлов.

Конечный результат работает как шарм! это лучшее решение, пока не появится какой-то официальный плагин, надеюсь, что это поможет кому-то.

+2

Я обнаружил, что вам нужно связать * .scss.liquid, * .css.liquid и * .js.liquid, прежде чем вы связываете * .liquid с «Twig». В моем случае, если я связал * .liquid с «Twig» сначала, PHPStorm распознал бы * .scss.liquid, * .js.liquid и * .css.liquid как файл «Twig». –

4

Для наблюдения за Ilia luk's answer, PHP Storm теперь имеет поддержку Twig, встроенную в встроенный плагин, если он еще не установлен.