Activation de la mise en surbrillance de la syntaxe Liquid Templating dans webStorm / phpStorm
Je me demande si quelqu'un a réussi à activer la mise en évidence de la syntaxe Liquid templating engine dans WebStorm IDE , je travaille beaucoup sur les magasins Shopify et j'aime vraiment utiliser Webstorm Dans ce but. Quelqu'un a-t-il réussi à faire fonctionner cela?
J'ai trouvé des ressources concernant ce problème sur le forum de JetBrain, bien qu'il ne m'ait pas vraiment abouti, il y a un mec qui a suggéré d'utiliser ' tmBundle ' et cela pourrait fonctionner si vous faites de la magie noire.
Le fil est: Ruby-721 et la demande officielle de plugin: plugins JetBrain: demande de langage Liquid Templating
J'ai découvert que Twig a une syntaxe très similaire à Liquid, l'activation du plug-in Twig mettra en surbrillance la syntaxe Liquid et gardera la surbrillance HTML/saisie semi-automatique/la fonctionnalité emmet fonctionne par opposition au "bundle textMate Liquid".
Aller à Settings > Editor > File Types recherchez "Twig" sur cette liste et associez-y les fichiers Liquid en ajoutant *.liquid à la section des motifs enregistrés.
Si vous ne trouvez pas Twig, téléchargez le plugin officiel à partir des "Parcourir les référentiels" ou dans "installer le plugin JetBrains". Si vous ne le trouvez pas, téléchargez le plugin et installez-le manuellement en appuyant sur "installer le plugin à partir du disque": https://plugins.jetbrains.com/plugin/7303?pr=
Vous voudrez également associer *.scss.liquid à .scss des dossiers, *.css.liquid à .css fichiers et *.js.liquid à .js fichiers pour que Twig ne fonctionne pas sur ce type de fichiers.
Le résultat final fonctionne comme un charme! c'est la meilleure solution jusqu'à ce qu'un plugin officiel sorte, j'espère que cela aidera quelqu'un.
Pour faire le suivi réponse d'Ilia luk , PHP Storm a maintenant Twig support intégré - activez simplement le plug-in s'il n'est pas déjà.
Ajout aux styles pour Shopify, car il ajoute JSON pour les paramètres. Activer l'encapsulation JSON entre les balises de schéma dans
Paramètres> Éditeur> Injections de langue
Cliquez sur le bouton ajouter/plus. Ajoutez ensuite des paramètres
ID de langue = JSON
Place Patterns = + twigCustomStatement ("schéma")