vscode html使用less和快速获取标签less结构

扩展插件里面搜索 css tree 插件 下载

vscode html使用less和快速获取标签less结构_第1张图片

使用方法

选择你要生成的标签结构然后按CTRL+shift+p

vscode html使用less和快速获取标签less结构_第2张图片 

第一次需要在输入框输入 get 

然后选择 Generate CSS tree 

vscode html使用less和快速获取标签less结构_第3张图片 

less结构就出现在这个里面直接复制到自己的less文件里面就可以使用了 

vscode html使用less和快速获取标签less结构_第4张图片 

在html里面使用less

下载 Easy LESS 插件 自己创建.less文件保存会自动在旁边生成css,在html里面还是引用css文件

vscode html使用less和快速获取标签less结构_第5张图片 

你可能感兴趣的:(vscode,less,ide)