現場編輯帶有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，但工作得很好。只需鍵入，保存並預置瀏覽器自動重新加載您的更改。