现场编辑带有phpstorm的树枝模板

Question

是否可以在Phpstorm中使用树枝模板设置Live Editing？我知道我可以使用html页面，但它不允许我选择我的index.html.twig模板。

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

Answer 1

不知道我跟着你...你不能直接在浏览器中打开.twig文件，但Live Edit对他们有效。我有一个渲染使用

echo $twig->render() 

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

Answer 2

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

Answer 3

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