插件 Generate css tree

vs code 发现一款好用的插件 Generate css tree 快速生成样式的嵌套结构
插件搜索 CSS Tree 安装

image.png

来到代码选中需要的代码按ctrl+shift+p选择Generate css tree

image.png
出现

view.main {
  view.top.yy-flex {
    view.cove {
      img {

      }
    }

    view.shop-name.yy-flex-item {
      view.name {
        view.label {

        }
      }

      view.time {

      }
    }

    view.service {
      view.icon {
        img {

        }
      }

      view.text {

      }
    }
  }

  view.bottom.yy-flex {
    view.address.yy-flex-item {
      text.iconfont {

      }
    }

    view.tell {
      img {

      }
    }
  }
}

按住alt选择view del删除掉

image.png

得到

image.png
复制到style样式中就大功告成了，喜欢点个赞~