眸晓

关注

css——如何在vscode中快乐的使用css tree 插件

眸晓

关注

阅读 47

2022-02-16

css tree 插件作用:将选定的HTML/JSX 转化为 scss, less or css 代码片段
1、打开vscode——点击左侧扩展——搜索 css tree——安装
在这里插入图片描述
2、选中所有div代码块,ctrl + shift + p, 弹出一个框,选中 Generate CSS tree,即可生成 scss, less or css 代码片段了
在这里插入图片描述
演示如下:
在这里插入图片描述

相关推荐

芥子书屋

如何在vscode中添加less插件

芥子书屋 48 0 0

吴陆奇

CSS快乐星球

吴陆奇 72 0 0

快乐小码农

【CSS】React项目如何在CSS样式文件中使用变量

快乐小码农 49 0 0

非常帅气的昵称吧

如何在CSS中控制动画的触发位置?

非常帅气的昵称吧 26 0 0

沐之轻语

如何在CSS中实现背景图片的渐变?

沐之轻语 12 0 0

月孛星君

如何在VSCODE中运行Python

月孛星君 196 0 0

萍儿的小确幸

如何在window下使用vscode

萍儿的小确幸 101 0 0

回望这一段人生

如何在 VScode 中使用 Sass

回望这一段人生 216 0 0

精进的医生

如何使用CSS设置网页中的图片属性?

精进的医生 106 0 0

清冷的蓝天天

[css]如何在IE11上使用渐变色

清冷的蓝天天 61 0 0

精彩评论(0)

0 0 举报