Magento2 开发利器,布局结构一目了然

Magento2 页面的结构基本上是由一系列的 xml 文件来决定的,Magento2 由众多模块组成,每个模块都可能有自己的layout 文件,有自己的 page_layout 文件,而网站使用的模板也可能带有自身的layout文件。所有这些layout文件最终都被Magento2 核心收集起来,然后按照app/etc/config.php 里面的模块顺序迭代汇聚为最终的layout布局。

每个模块的layout文件都有可能添加新的 block 或者container,也可能修改现存的black 和 container, 或者删除现有的block 或者container,最终生成的layout 到底啥样,不去仔细查看每个模块,那是不可能搞清楚的,我就曾自己写个插件来输出最终生成的layout 文件来辅助开发,后来在github发现比输出xml 更直观的开发利器,farior/module-layout-structure ,插件以直观的树形结构图显示Magento2 页面的布局结构,方便直观:

 

Magento2 开发利器,layout图示免费插件
Magento2 开发利器,layout图示免费插件

插件可以在github 免费下载,下载后把Farior文件夹上传到 app/code 目录,然后在Magento2根目录运行:

安装后在浏览器刷新任意一个页面,在页面的底部就可以看到该页面完整的最终布局,布局非常庞大,可以按住鼠标左键上下左右拖动布局图,非常方便。

大家有什么好的开发利器,技巧也可以在评论里面分享给大家。

 

 

 

 

 

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注

42 − = 39