将node.js文件观察者与JetBrains WebStom一起使用

Question

我已经在我的项目中使用了几个星期了。我真的很喜欢它！

我使用的是JetBrains WebStorm IDE，所以我按照Prettier项目网站上的以下说明，了解如何在WebStorm中设置文件查看器：https://prettier.io/docs/en/webstorm.html#using-文件观察程序

然后，每次我保存一个JavaScript文件时，Prettier都会自动运行在它上面，WebStorm会在Prettier保存文件后立即向我显示更改。

我希望我的团队中的每个人都使用美丽的人，但不是每个人都使用网络Storm。有些人使用的编辑器不能很容易地用美丽的人配置。所以，我按照美丽的项目网站上的这些说明，了解了如何在我的package.json文件中设置文件观察者作为npm脚本：https://prettier.io/docs/en/watching-files.html

"scripts": {
  "prettier-watch": "onchange '**/*.js' -- prettier --write {{changed}}"
}

正如文档中建议的那样，我使用on眼下包作为我的文件监视程序，并且我在WebStorm中禁用了文件监视程序，因为我不需要漂亮的人连续运行两次。

问题是，当我在WebStorm中保存一个文件时，< code>onchange包运行得更漂亮了，但我在编辑器中看不到更改，即使当我用鼠标光标切换出然后回到文件窗口时也是如此。当我尝试进行新的更改并再次保存时，我从WebStorm收到了“文件缓存冲突”警告消息:“内存和磁盘中的已被更改。保持内存变化，显示差异，加载文件系统变化”

如果我选择“加载文件系统更改”，则Prettier保存的版本将成功加载。但每次保存时都必须看到这个对话框，这很烦人。我希望这些更改能自动反映在WebStorm中。

似乎唯一的方法是使用 WebStorm 的内置文件观察器，但是我没有一种简单的方法来为我的同事设置 Prettier，而不会强迫他们手动安装自己的独立解决方案。

所以我的问题是：我如何使用通用的node.js文件观察者作为npm脚本，在保存后对我的文件进行更改，并在没有此对话框的情况下自动重新加载这些更改？

Answer 1

也许你可以尝试在webstorm的“系统设置”窗格中使用“安全写入”设置

Answer 2

我也面临着同样的问题，毫无疑问，对话真的很烦人，下面的步骤最终帮助我解决了这个问题。

< li >转到Webstorm/Phpstorm设置/首选项 < li >打开文件监视器的设置:< code >/Tools/File Watchers/ < li >双击您的文件监视器，即本例中的< code >更漂亮 < li >这将打开一个编辑观察器的模式窗口。取消选中< code >自动保存编辑过的文件以触发观察器

根据我的理解，取消选中此选项只会在手动保存文件时运行文件观察者，并将帮助您在每次更改时摆脱该模式的过多外观。在这种情况下，请不要忘记手动保存文件，以继续享受美丽。