问题标签 [liveedit]

我已将 PhpStorm 安装到我的 Mac 上。然后安装 LiveEdit Plugin 和 JetBrains Extension to Chrome。我激活 LiveEditView -> Live Edit并通过View -> Open in Browser.在我的情况下打开它在http://localhost:63342/Markup/index.html. 我试图进行更改，但只有在页面重新加载后才能看到它们。实时编辑不起作用。请帮忙！:)

我喜欢 Floobits，但是对于这个项目，我需要一个替代方法来跟踪谁以及何时对文档进行了更改，特别是因为我们正在做这个项目作为学位的一部分，而教学人员想要一种跟踪谁的方法为团队工作做出贡献。

出于显而易见的原因（广泛使用、行业标准等），他们建议使用 GIT 和 CVS（Subversion），但老实说，我讨厌这些系统，因为当您需要多个人来编辑同时编码。因此我发现并使用了 Floobits。我知道您可以并行运行 Floobits 和 GIT（使用受支持的 IDE，我们将使用 Jetbrains 构建的 IDE，我们可能会使用 Java，因此它可能是 IntelliJ）但是当我们提交到 GIT 时，所有更改都会归功于推动的人。所以....这不是一个选择。

不需要意见。只是一个解决方案，因为我肯定不是第一个遇到这个问题的人！？

只要“最终用户”设置不太复杂，我将接受涉及自定义服务器设置的黑客攻击。

我想在 Webstorm 中使用 Live Edit。

我有以下配置：

• 网络风暴 8
• 带有 Zend 框架的 PHP 应用程序 - 在远程 LAN 主机上使用 Vagrant 创建的测试服务器，DNS 配置为 hosts 文件中的“subdomain.localhost”

• 更改的文件通过 FTP 部署到 Vagrant VM

• 我使用“Javascript Debug”默认配置了调试配置，并将 URL 设置为“ http://subdomain.localhost ”

• 我在“菜单->视图”中启用了“实时编辑”

• 我在“设置->实时编辑”中检查了“启用实时编辑”和“在浏览器中突出显示当前元素...”

现在的问题是 zend 实现“*.phtml”的视图没有在更改时更新，但是元素突出显示正在渲染的视图上工作。

此外，如果我更改公用文件夹中的 css 或 javascript，则不会有任何更新。

所以我的问题是，我如何正确配置这个环境，以便实时编辑适用于 html、css 和 javascript。

提前致谢！

我正在我的桌子上进行一些实时编辑，我正在尝试在这个 <sdfsdfsdfsdfs> 中打印一些内容。

我无法在 jquery html 中的 html 中打印此内容，因为我能够显示此内容，因为我在内容之前给出了一个空格，然后它可以正常工作但没有空格我会丢失所有内容以及 stakoverflow 问题框

I have went through this link https://confluence.jetbrains.com/display/WI/Live+Edit as well as this question thread Webstorm LiveEdit for chrome not working and I still cannot get my Webstorm live edit to work.

I have the live edit plugin enabled, the auto reload setting on (300ms) and the jetbrains chrome extension installed. When I activate debug mode the project opens up fine in the browser but the page does not actively reload when I adjust the content or save the file. One thing I have noticed (and the above links recommend) is to make sure that Live Edit is clicked in the view menu dropdown but I do not have that option in regular run or debug mode.

Any idea how I can get this to work properly? If you need more information to solve this issue please let me know.

如何在开发期间让 Chrome 扩展代码与 JetBrains Live Edit 扩展一起使用？

我正在尝试在 PHPStorm 8 中开发 Chrome 扩展，我希望代码能够像普通 HTML/JS 页面一样使用实时编辑功能。Reload但是，我不知道如何正确配置它，这样我每次进行更改时都不必点击Chrome 扩展页面。

我正在使用 Google Chrome 40.02 和 Intellij IDEA 13.1 和 JetBrains IDE 支持扩展 2.0.7。Live Edit 插件不起作用，单击 Intellij IDEA 上的调试按钮后，浏览器打开并通知我“JetBrains IDE 支持”正在调试此选项卡，但一秒钟后此通知关闭。

Phpstorm Live Edit 不适用于外部 css 和 js 文件。但是当我更改.html ( .php) 文件中的 html/css/js 代码时，它工作得很好。仅与外部文件有关，例如：

我有一个使用 node.js/express 服务器来服务 AngularJS SPA 的项目。

该项目包含许多不同的应用程序，它们共享一些公共资源。快递服务器被配置为服务来自不同位置的资产：

我正在尝试更改应用程序以使用 WebStorm 的 liveEdit 功能，但在配置调试器时遇到困难。

这是我到目前为止所做的：

1. 安装 chrome 扩展，使其处于活动状态并将端口配置为 9000。
2. 使用 url 创建一个新的 Javascript/Debug 配置：http://localhost:9000
3. 如上所述为我的 index.html ( http://localhost:9000/index.html : myApp/index.html)、资产、图像、组件等配置远程 URL 。

当我单击新配置的调试按钮时，我只会收到一条消息“此网页不可用”。

我已经阅读了 JetBrains 文档，但没有看到解决方案。

我正在尝试对我的 AngularJS 项目进行实时编辑。

该项目有大约 300 个 JavaScript 文件。我以前使用 gulp 将这些文件连接成一个，然后使用 LiveReload 观看连接的文件。

这变得有点慢，因为每次我对 JavaScript 进行更改时都会重新加载整个页面。

我希望 WebStorm 的 LiveEdit 能够更快地完成它，所以我已经停止为 dev 连接 JavaScript 文件，而是将 300 个脚本标签注入 index.html。

我还使用 gulp angularTemplateCache 将我所有的 html 模板编译成一个 js 文件。

现在，当我启动调试器并更改 html 模板时，gulp 会重新编译模板并且更改会立即反映，而无需重新加载页面，这正是我想要的。

但是，当我更改任何其他 js 文件时，更改不会出现，直到我在浏览器中刷新页面。

如果我在页面上使用 LiveReload，当我更改 html 或 .js 文件时，页面会自动刷新。

我错过了什么？