Javascript 使用WebStorm for Firefox进行实时编辑

有没有WebStorm插件可以帮助Firefox进行实时编辑

---

Chrome的等价物是：。

不，Live Edit仅适用于Chrome。请关注更新

否，Live Edit仅适用于Chrome。请关注更新

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

运行它的最简单方法是：

将此样板文件临时添加到您的站点（您不希望将其用于生产）

文件。写入（“”）

从WebStorm控制台：

---

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

运行它的最简单方法是：

将此样板文件临时添加到您的站点（您不希望将其用于生产）

文件。写入（“”）

从WebStorm控制台：

您也可以使用

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

安装npm包：npm安装-g浏览器同步

启动浏览器同步

一个基本的用途是监视CSS目录中的所有CSS文件并进行更新 如果发生更改，请连接浏览器。在终端窗口中导航 添加到项目并运行相应的命令：

静态站点

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

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

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

动态站点

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

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

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

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

--files "*.html, css/*.css" 

您也可以使用

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

安装npm包：npm安装-g浏览器同步

启动浏览器同步

一个基本的用途是监视CSS目录中的所有CSS文件并进行更新 如果发生更改，请连接浏览器。在终端窗口中导航 添加到项目并运行相应的命令：

静态站点

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

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

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

动态站点

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

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

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

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

--files "*.html, css/*.css"