使用更少文件的 PhpStorm 实时编辑答案

【问题标题】：PhpStorm live edit with less files使用更少文件的 PhpStorm 实时编辑
【发布时间】：2015-05-07 08:40:59
【问题描述】：

我正在使用 PhpStorm 和 Live Edit。

问题是当我更改 less 文件时它没有更新。

我的less 文件由gulp 编译为css。我不想使用 File Watcher，因为它编译了所有 less 文件，我只需要编译一个文件 app.less 并查看所有较少的文件。我知道如何使用 gulp 做到这一点，但不知道如何使用 File Watchers。

是否存在 Live Edit 无需编辑即可观看 less 或 css 文件的解决方案？

【问题讨论】：

“我不想使用 File Watcher，因为它会编译所有更少的文件，我只需要编译一个文件 app.less 并查看所有更少的文件。” 所以...为什么不使用 File Watchers 来做呢？它可以工作（我用得很好）。
如果您想为.less 文件使用（至少尝试）文件观察器——请显示您的文件观察器的屏幕截图
我可以使用文件观察器，但我根本不知道如何：|我有标准的less watcher 配置
这就是我正在使用的：i.stack.imgur.com/Z5sxO.png（附注：我将.less 文件保存在/assets/less/ 文件夹中，并将编译文件保存在/assets/css/ 中——因此../css/ 部分在文件输出路径）。我有 14 个部分/包含文件——如果我编辑其中任何一个，那么只会编译我的主文件：postimg.org/image/i9oeeyz53
顺便说一句 -- 你的问题实际上可能是这个问题，它似乎并不取决于你如何编译你的 CSS 文件...... -- youtrack.jetbrains.com/issue/WEB-12926

【解决方案1】：

我在使用 gulp 编译 scss 文件时遇到了同样的问题，即如果通过从 gulp.watch 进程触发的任务更改了 IDE 中的文件，则它们不会自动更新（故障不知道 jetbrains 正在做什么）它）。

有两种方法可以在 IDE 中更新文件：

我解决这个问题的方法是在 phpstorm 中宏化保存过程，即

同步功能有点小故障，但我发现在宏中执行 2 或 3 次似乎可以工作。

然后您可以将 ctrl + s 重新绑定到您的新宏，它应该可以工作。

【讨论】：

"（故障不知道 jetbrains 对此做了什么）" 这里没有故障。 Gulp watcher 是一个外部进程，可以随时编译文件（例如，由 IDE 一无所知的某些后台/计划任务修改/生成的文件）。 IDE 仅在框架激活时检查外部更改（例如在 Alt+Tab 上）。对于其他情况——手动“文件|同步”。所以是的 - 如果您使用外部自动编译，您的解决方案是一种合理的方式。
“同步功能有点小故障，但我发现在宏内执行 2 或 3 次似乎可以工作。” 我不会这么说。您的 gulp watcher 的编译需要一些时间（不需要 0.0 秒，对吗？） + gulp watcher 也需要检测实际的文件修改（小..但仍有一些延迟）。由于所有这些延迟......“文件|同步”的前 1 或 2 次执行根本看不到任何变化。
是的，你不会这么说......好吧，我昨天测试了许多不同的解决方案 5 小时后。即使我运行 gulp 并进行更改，然后手动同步，有时更改也不会反映。此外，由于您无法为宏添加任何预设时间延迟（据我所知），这是唯一的方法，因此您可以自动执行一到两次击键。