断点调试
css 调试
css 书写提示插件：
HTML to CSS autocompletion ，选择器提示。
"editor.parameterHints": true,
"editor.quickSuggestions": {
"other": true,
"comments": true,
"strings": true
}
快速查看元素样式
1、右键元素，检查
2、在 "Elements" 面板，ctrl +f ，搜索元素，可以按字符串、选择器、xml 进行查找
image.png
调试样式
1、在 "Elements" 面板，styles 里可以直接添加、修改、删除样式
快速修改值：
ALT+方向键/Page up、down/滚轮 0.1递增/减
方向键/Page up、down/滚轮 1递增/减
SHIFT+方向键/Page up、down/滚轮 10 递增/减
CTRL+方向键/Page up、down/滚轮 100 递增/减
2、在 "Elements" 面板，computed 里 可以直接双击修改盒模型值
image.png
查看代码里未使用的css 样式
添加 "coverage"
image.png
image.png
