该文章以vscode中,从.wxml快速生成样式树用于.less为例子。其过程如下:
第一步:从扩展中安装Generate CSS tree插件
第二步:选中要提炼出样式树的代码区域,按住ctrl+shift+p,在顶部弹出的搜索栏中选择Generate CSS tree插件
第三步:提炼出来的样式树会存放自动生成的文件Untitle-1中,
第四步:把Untitle-1中的内容复制到.less文件中,删除多余标签,只留下需要的样式即可(小程序中的图片是image,也注意更改),这样就得到了该代码区域的样式树