用phpstorm实时编辑Twig模板

Question

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

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

Answer 1

不确定我是否跟着你...你不能直接在浏览器中打开.twig文件，但Live Edit确实适合他们。我有一个.php文件，使用twig

echo $twig->render()

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

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，但效果很好。只需键入，保存并预先安装浏览器即可自动重新加载您的更改。