Intellij中Sass嵌套类双向导航问题求助（Vue框架）

在Vue项目里用Sass写嵌套CSS类，代码示例如下：

.parent {
  &__child {...}
}

目前仅能从HTML中的类名反向导航到Sass代码，但无法从Sass里的&__child跳转到它在HTML中的使用位置，请问如何实现双向导航？
补充信息：

• IDE：IntelliJ
• 框架：Vue

解决方法 #

针对IntelliJ环境，按以下步骤排查调整：

• 确保Vue.js插件和Sass/SCSS插件已安装并启用：打开Settings > Plugins，搜索这两个插件，确认状态为启用，未安装则直接安装后重启IDE。
• 开启CSS类导航的完整支持：进入Settings > Languages & Frameworks > Style Sheets > CSS，找到导航相关选项，勾选Enable CSS class navigation以及Resolve styles in Vue components（若存在该选项）。
• 让IDE正确识别Sass嵌套语法：在Settings > Languages & Frameworks > Style Sheets > Sass/SCSS中，确认语法版本设置为项目当前使用的Sass版本，同时检查Resolve nested selectors相关选项是否开启。
• 清理IDE缓存：缓存异常可能导致导航失效，通过File > Invalidate Caches...选择Invalidate and Restart，重启后再测试导航功能。
• 检查Vue单文件组件结构：确保<style>标签正确声明lang="scss"，示例：

<style scoped lang="scss">
.parent {
  &__child {...}
}
</style>

内容的提问来源于stack exchange，提问作者Little Monkey