使用 phpstorm 实时编辑树枝模板


Live Edit Twig templates with phpstorm

是否可以使用 Twig 模板在 Phpstorm 中设置实时编辑?我知道我可以使用 html 页面,但它不允许我选择我的 index.html.twig 模板。

注意:我没有使用交响乐框架。只是树枝模板。

不确定我跟着你...您无法在浏览器中直接打开 .twig 文件,但实时编辑确实适用于它们。我有一个.php文件,它使用

echo $twig->render()

我创建了一个javascript调试运行配置,将我的php页面URL(http://localhost/twig_test/index.php)指定为URL,按Debug,然后开始编辑我的.twig文件=>页面即时更新

您可以使用一些文件观察程序(gulp,Guard),它们将在更改树枝模板后重新加载页面。

我发现gulp是一种简单的方法。有一个教程可以很好地解释它:https://www.chenhuijing.com/blog/drupal-101-theming-with-gulp-again/您只需要浏览器同步部分,但其余部分可能对您有用。这包括清除整个缓存,如果您根据以下条件正确设置渲染缓存,则不需要清除整个缓存:https://www.drupal.org/node/1903374作为奖励,我发现twig_tweak非常有用,因为您不需要启用 xdebug,但可以探索一个运行速度非常快的变量,例如 {{ dd(node) }}。这个解决方案不需要phpstorm,但效果很好。只需键入,保存并预置浏览器自动重新加载您的更改。