vscode有什么插件能点击css的class名跳转到定义处？

Question

现在按Ctrl+鼠标点击不能跳转到class对应的css样式区域，有什么插件能实现？

还有的class名鼠标悬浮后按Ctrl键都没反应，上图中的蓝色下划线都没有

Answer 1

找到了，Vue CSS Peek插件
https://marketplace.visualstudio.com/items?itemName=CharlesWu.vue-css-peek&ssr=false#overview

Answer 2

我更推荐使用 CSS Navigation

https://github.com/pucelle/vscode-css-navigation

Answer 3

你好，我看见你使用过vue css peek这个插件，我使用之后没有什么效果，请问可以参考一下你的配置吗？

Answer 4

直接 ctrl + d 就搞定了, 连选中都省了, 一步到位。 不过ctrl + d只能搜索一个来回。 如果想来回跳转， 可以紧接着用ctrl + g。

因为css变量命名一般是连字符。 所以还需要再自定义json配置里， 配置下双击选中连字符。 要不然每次ctrl+d如果有-会选中不全。

"editor.wordSeparators": "`~!@$%^&*()=+[{]}\\|;:'\",<>/?.", // 双击选中连字符和带#的