1

是否有 WebStorm 插件可以促进 Firefox 的实时编辑？

Chrome 的等价物是：https ://plugins.jetbrains.com/plugin/7007 。

4

3 回答 3

2

我找到了一个使用名为livereload的 JS 包的解决方法。保存 WebStorm 项目时，它会自动刷新 Firefox（或任何浏览器）。

最简单的运行方法是：

  1. 将此样板临时添加到您的站点（您不希望将其用于生产）
<script>
  document.write('<script src="http://' + 
    (location.host || 'localhost').split(':')[0] +
    ':35729/livereload.js?snipver=1"></' + 'script>')
</script>
  1. 从您的 WebStorm 控制台：
$ npm install -g livereload
$ livereload [path of files to watch]
于 2016-07-07T21:57:41.850 回答
2

您也可以使用browser-sync。

它只需要两个简单的步骤：

  1. 安装 npm 包： npm install -g browser-sync
  2. 启动浏览器同步

一个基本用途是查看 css 目录中的所有 CSS 文件，并在发生更改时更新连接的浏览器。将终端窗口导航到项目并运行适当的命令：

静态网站

如果您只使用 .html 文件，则需要使用server mode。Browsersync 将启动一个迷你服务器并提供一个 URL 来查看您的站点。

browser-sync start --server --files "css/*.css"

动态网站

如果您已经在使用 PHP 或类似工具运行本地服务器，则需要使用代理模式。Browsersync 将使用代理 URL 包装您的虚拟主机以查看您的站点。

browser-sync start --proxy "myproject.dev" --files "css/*.css"

您可以将其他文件类型添加为逗号分隔列表

--files "*.html, css/*.css"
于 2018-10-11T15:22:47.263 回答
2

不可以，Live Edit 仅适用于 Chrome。请关注WEB-1805获取更新

于 2016-07-07T19:54:22.703 回答