扩展插件里面搜索 css tree 插件 下载
![](https://file.jishuzhan.net/article/1698751614581477377/7d560606e6e9433ea9a24d6cd5bee3f5.png)
使用方法
选择你要生成的标签结构然后按CTRL+shift+p
![](https://file.jishuzhan.net/article/1698751614581477377/7804ac89788d4f67a02765cd11306103.png)
第一次需要在输入框输入 get
然后选择 Generate CSS tree
![](https://file.jishuzhan.net/article/1698751614581477377/5e5c7131147a4e199e867ebaba25f677.png)
less结构就出现在这个里面直接复制到自己的less文件里面就可以使用了
![](https://file.jishuzhan.net/article/1698751614581477377/1db342b25f3748bdaedd4c0a6213d3c9.png)
在html里面使用less
下载 Easy LESS 插件 自己创建.less文件保存会自动在旁边生成css,在html里面还是引用css文件
![](https://file.jishuzhan.net/article/1698751614581477377/a8e167d3964b450bb6040085aca17aae.png)
![](https://file.jishuzhan.net/article/1698751614581477377/fc66f14f06e44da6a80f7775f1ed6ea2.png)
扩展插件里面搜索 css tree 插件 下载
使用方法
选择你要生成的标签结构然后按CTRL+shift+p
第一次需要在输入框输入 get
然后选择 Generate CSS tree
less结构就出现在这个里面直接复制到自己的less文件里面就可以使用了
在html里面使用less
下载 Easy LESS 插件 自己创建.less文件保存会自动在旁边生成css,在html里面还是引用css文件