如何有效地将 SCSS 转换为 CSS

如何解决如何有效地将 SCSS 转换为 CSS

我在 VS 代码上使用 SCSS 编译器扩展，但活动类仍未转换为 css 格式。 我试图在我的代码中使用这个 scss 文件，但它无法正常工作，我是新手，请帮助我。

scss 代码：

#sideMenu {
  background: $lightpurple;
  max-width: 280px;
  
  nav {
    padding-top: 100px;
    
    a {
      display: block;
      color: white;
      text-decoration: none;
      padding: 15px 30px;
      
      &:active {
        background: $darkpurple;
        border-left: 5px solid $neon;
        padding: 15px 30px 15px 30px;
      }
    }
  }
}