PhpStorm 似乎不允许 scss 文件观看答案

【问题标题】：PhpStorm seems to not allow scss file watchingPhpStorm 似乎不允许 scss 文件观看
【发布时间】：2018-06-08 16:23:03
【问题描述】：

我有一个npm run watch 作业，它使用 node-scss 来监视 scss 文件并将它们编译成 css 文件。

我在 Windows 上使用 PhpStorm IDE，当我对 scss 文件进行更改时，文件观察程序 (npm run watch) 似乎无法识别它们。但是，如果我在记事本中打开同一个 scss 文件，进行更改并保存，文件观察程序 (npm run watch) 会识别这些更改并重新编译。

有谁知道如何解决这个问题，所以当我在 PhpStorm 中更改 scss 文件时，文件观察器 (npm run watch) 会看到它们并重新编译 css？

【问题讨论】：

禁用“安全写入”——应该会有所帮助。附： PhpStorm 有 File Watcher 插件。您也将npm run watch 称为“文件观察者”——这令人困惑……
有时在代码编辑器外部单击就足够了，如果幸运的话，它会同步并检测更改。多年来所有的intellij产品都存在这个问题
@LazyOne 禁用安全写入会导致无限索引。还是已经解决了？
不知道你指的是什么问题，抱歉。我正在使用 node-sass，但使用的是实际的 File Watcher 插件，而不是 npm run watch .. 并且没有问题。
当我说文件监视程序时，我的意思是我的 npm 运行监视作业。所以当我对 scss 文件进行更改时，基本上 phpstorm 不会触发该工作

标签： node.js sass phpstorm node-sass

【解决方案1】：

请在Settings/Preferences | Appearance & Behavior | System Settings 禁用Use "safe write" 选项。

使用此选项启用，IDE首先写入临时文件，然后删除原始文件，然后才将临时文件重命名为原始名称。您的 npm run watch 不会将此视为文件修改：它必须以不同的方式看待它。
当禁用 IDE 将新文件内容直接写入文件（就像记事本那样），因此您的观察者会收到正确的“文件修改”信号。

【讨论】：