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样式中就大功告成了，喜欢点个赞~
网友评论