为什么GoLand编辑SCSS代码出现警告，WebStorm却无任何报错？

你写的SCSS代码语法完全合规，GoLand出现告警是因为它默认定位为Go语言开发IDE，前端相关的默认配置和WebStorm（专门的前端IDE）不同，按以下步骤调整配置即可：

<style lang="scss">
.q-dark div,
.body--dark div {
  &.calendars {
    color: #fefefe;
    background-color: black;
  }

  &.forecast {
    background-color: black;
  }
}
</style>

配置调整步骤 #

• 检查必要插件状态
  打开GoLand设置（Windows/Linux快捷键Ctrl+Alt+S，Mac快捷键Cmd+,），进入「Plugins」页面，确认Vue.js、SCSS/Sass、CSS三个插件已安装并处于启用状态，未安装的可以在Marketplace标签页搜索安装后重启IDE。
• 匹配SCSS语法版本
  进入设置页的「Languages & Frameworks > Style Sheets > SCSS」，将SCSS方言版本设置为标准最新版，不要选择缩进式的Sass版本。
• 匹配Vue样式块预处理器配置
  进入设置页的「Languages & Frameworks > Vue」，将样式块默认CSS预处理器设置为SCSS，和你代码中lang="scss"的声明保持一致。
• 关闭误报检测规则（可选）
  如果完成以上步骤后仍有告警，可以将光标移动到告警代码位置，按Alt+Enter唤起快速修复菜单，选择对应告警项的「Disable inspection」选项关闭单条误报规则，也可以进入「Editor > Inspections > CSS」目录下批量调整不需要的SCSS/CSS检测规则。

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