[开发工具]Generate CSS tree：在vscode中如何快速从HTML、JSX文件中快速生成样式树，即快速提炼出其结构，可将生成的样式树用于.less、.scss、.css文件中

该文章以vscode中，从.wxml快速生成样式树用于.less为例子。其过程如下：

第一步：从扩展中安装Generate CSS tree插件

第二步：选中要提炼出样式树的代码区域，按住ctrl+shift+p,在顶部弹出的搜索栏中选择Generate?CSS?tree插件

第三步：提炼出来的样式树会存放自动生成的文件Untitle-1中，

?

第四步：把Untitle-1中的内容复制到.less文件中，删除多余标签，只留下需要的样式即可（小程序中的图片是image，也注意更改），这样就得到了该代码区域的样式树

?

?

?