viscode 配置less

使用less进行样式编写(配合CSS Tree写页面效率加倍)

  1. 先装插件easy-less

在这里插入图片描述

  1. 新建一个 less 文件

在这里插入图片描述

3.在 easy-less 里面设置 less文件自动编译成 css 文件
在这里插入图片描述

在这里插入图片描述

  1. 修改 2.less 文件,自动生成css 文件

在这里插入图片描述

  1. 下载CSS Tree
    在这里插入图片描述

  2. CssTree的使用:获取对应 段落的 css 结构

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

  1. 生成 css 结构,把它复制到less文件即可用

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qg2276879379/article/details/107469024