提高代码效率-----vscode中用标签结构快速生成样式结构的方法

1、在vscode中安装CSS tree插件
提高代码效率-----vscode中用标签结构快速生成样式结构的方法
2、选中标签样式
提高代码效率-----vscode中用标签结构快速生成样式结构的方法
3、按快捷键ctrl+shift+p
出现以下窗口
提高代码效率-----vscode中用标签结构快速生成样式结构的方法
此时会生成一个文件
提高代码效率-----vscode中用标签结构快速生成样式结构的方法
4、整理一下这个文件,把前面的标签名(view,navigator等)删除,再把undefined删除
统一删除标签名的方法:
1)选中要删除的标签名
2)CTRL+Shift+L 选中所有的目标变量
3)按删除键
5、把处理好的文件样式粘贴到样式文件中就可以了
提高代码效率-----vscode中用标签结构快速生成样式结构的方法