用phpstorm实时编辑Twig模板

Question

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

注意：我没有使用symphony框架。只是树枝模板。

Answer 1

我不确定是否关注您...您无法在浏览器中直接打开.twig文件，但Live Edit确实适用于他们。我有一个使用

呈现树枝的.php文件

echo $twig->render()

我创建了一个javascript调试运行配置，将我的php页面网址（http://localhost/twig_test/index.php）指定为URL，按Debug，然后开始编辑我的.twig文件=＆gt;页面即时更新

Answer 2

您可以使用一些文件观察器（gulp，Guard），这些文件将在更改树枝模板后重新加载页面。

Answer 3

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