从Dreamweaver迁移至VS Code：SASS编译异常问题

嘿，我之前也碰到过类似的跨编辑器配置残留问题，结合你给出的错误路径（调用了Dreamweaver自带的Sass版本），这明显是Dreamweaver的自动编译服务在后台捣鬼，给你几个靠谱的解决步骤：

1. 彻底关闭Dreamweaver的自动编译开关 #

Dreamweaver默认会监听站点内的.scss文件，哪怕你已经切换到VS Code，它可能还在后台挂着进程：

• 打开Dreamweaver，找到顶部菜单栏的「站点」>「站点设置」
• 切换到「高级设置」里的「CSS预处理器」选项
• 把「自动编译Sass/SCSS文件」的勾选框去掉，然后完全关闭Dreamweaver（别最小化到托盘，要彻底退出）

2. 清理系统环境变量里的Dreamweaver Sass路径 #

从错误信息能看到，系统现在优先调用的是Dreamweaver自带的Ruby和Sass版本，这大概率是环境变量搞的鬼：

• 右键「此电脑」>「属性」>「高级系统设置」>「环境变量」
• 在「系统变量」的PATH列表里，找到包含C:/Program Files/Adobe/Adobe Dreamweaver CC 2018/ruby/bin的条目，删掉它
• 重启电脑，让环境变量生效

3. 检查VS Code插件的编译配置 #

如果VS Code装了Sass编译插件，可能和残留的Dreamweaver进程冲突：

• 打开VS Code的扩展面板（快捷键Ctrl+Shift+X）
• 暂时禁用所有和Sass编译相关的插件（比如Live Sass Compiler）
• 重启VS Code后，再重新启用插件，记得在插件设置里指定你自己安装的Sass路径，避免调用到Dreamweaver的版本

4. 排查项目本地的编译配置文件 #

有些项目会有本地配置（比如.sassrc、gulpfile.js），可能硬编码了Dreamweaver的Sass路径：

• 打开项目根目录下的这些配置文件，搜索Dreamweaver或对应的Ruby路径
• 如果找到相关配置，修改为你当前使用的Sass路径，或者直接删除自动编译的相关逻辑

做完这些步骤后，再保存.scss文件试试，应该就能摆脱Dreamweaver的自动编译干扰了。

内容的提问来源于stack exchange，提问作者Jesse Luke Orange