方法如下

用管理员权限安装 sass

sudo gem install sass

• 安装完成后进入 webstorm -> setting -> tools -> file watcher
• 点击加号 +，选择如图所示的 scss

• 进入之后的页面，如图

配置期间遇到的问题

如上图红圈部分，program 没有自动获取的 sass，对于我得话，是因为我一开始没有安装

安装时遇到的问题

如图所示，第一次安装没有使用管理权限，导致失败，使用管理员权限后成功

编译遇到的问题

• .scss 自动编译成 .css 会生成一个 map 文件
• 编译后的 .css 样式有压缩

解决方法，可以在命令行输入 sass --help，看看 sass 有哪些配置，如图所示

如上图红圈部分可以解决我们遇到的问题，最终的 webstorm 配置如下

Arguments 配置为

--no-cache --style expanded --sourcemap=none $FileName$:$FileNameWithoutExtension$.css