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

  1. 先装插件easy-less

viscode 配置less

  1. 新建一个 less 文件

viscode 配置less

3.在 easy-less 里面设置 less文件自动编译成 css 文件
viscode 配置less

viscode 配置less

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

viscode 配置less

  1. 下载CSS Tree
    viscode 配置less

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

viscode 配置less
viscode 配置less

viscode 配置less

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

viscode 配置less

相关文章: