VS Code插件Live SASS Compiler编译长时间卡在Working on it状态如何解决

你可以按以下顺序逐一排查问题：

• 检查工作区配置合法性
  打开当前工作区.vscode/settings.json文件，核对所有liveSassCompile开头的配置项，重点检查liveSassCompile.settings.formats下的savePath路径是否存在、是否有写入权限，liveSassCompile.settings.excludeList是否错误包含了你的sass源文件路径。
• 排查SASS文件隐性语法问题
  新建一个仅包含简单测试代码的sass文件，例如：

  body {
    background: #f00;
  }
  

  保存后观察是否能正常编译。如果测试文件可正常编译，说明原有sass文件存在隐性问题，可逐段注释代码定位问题，常见诱因包括样式文件循环引用、混入/变量调用的边界场景未触发报错逻辑。
• 清除插件残留配置后重装
  很多用户卸载插件时不会清除已写入的全局配置，导致问题复现。正确操作流程：
  1. 卸载Live SASS Compiler插件
  2. 按Ctrl+Shift+P（Mac系统按Cmd+Shift+P），执行Open User Settings (JSON)命令
  3. 删除所有前缀为liveSassCompile的配置项，保存文件
  4. 重启VS Code后重新安装插件
• 检查版本兼容性
  如果近期升级过VS Code，可能是新版本与插件最新版存在兼容问题，可进入插件详情页，点击「安装另一个版本」，选择下载量较高的v5.x稳定版测试。
• 排查路径与权限问题
  确认你的工作区路径没有中文、特殊符号、空格，且不在系统受保护的目录下（例如Windows的Program Files目录、Mac的系统根目录），可将sass文件迁移到纯英文路径的普通文件夹下重试。
• 排查插件冲突
  临时禁用其他SASS相关的编译、格式化插件，重启VS Code后测试编译功能，排除插件间互相冲突的可能性。

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