问题标签 [liveedit]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
3133 浏览

google-chrome-extension - PhpStorm LiveEdit HTML 有效,但 CSS 无效

我刚刚在 PhpStorm 7.0 中设置 LiveEdit 并下载了 Chrome 扩展“JetBrains IDE Support”v1.25。我还设置了一个 Javascript Debug 运行配置。当我在 PhpStorm 中运行此配置并编辑 HTML 文件时,Chrome 浏览器中的页面会按预期重新加载。但是,如果我编辑我的 CSS 文件,除非我重新加载页面,否则更改不会反映在我的浏览器中。

其他人遇到过这个问题吗?我已经用谷歌搜索了很多,但没有想到任何东西。我很难过,因为 HTML 编辑工作正常......

0 投票
1 回答
620 浏览

google-chrome - Phpstorm 7, LiveEdit - 配置 Chrome 扩展 JetBrains IDE 支持以远程运行

我想看看我在编码时网站是如何变化的,我想在另一台机器的屏幕上看到这个(打开 Chrome 浏览器)。JetBrains IDE 支持扩展中有一个更改 IP 和 PORT 的选项。我将使用 Phpstorm 7 的机器的 IP 粘贴在那里。但是扩展不起作用,它无法通过 LAN 连接到 IDE。我检查了所有防火墙选项,我试图关闭防火墙,我正在检查操作系统中所有打开的端口,但它仍然不起作用。有人可以帮我吗?

请不要建议插入其他屏幕或使用某些通过网络扩展的屏幕。

我的应用程序和插件的信息:

PHP Storm 7 LiveEdit 1.11.131 JetBrains IDE Chrome 1.27 支持扩展

0 投票
2 回答
1613 浏览

webstorm - 将 WebStorm 7 Live Edit 与 Nodemon 相结合

我能够按照以下说明进行实时编辑: running-and-debugging-node-js

我能够在这篇文章之后 运行 nodemon:如何从 WebStorm 中运行 nodemon?

但是,我无法将这两种配置结合起来使用 nodemon 进行实时编辑......

如果我将 nodemon 参数添加到我的实时编辑配置中,它将停止工作

想法?

谢谢

0 投票
0 回答
386 浏览

sass - 设置 PHP Storm Live Edit 和 Compass File watcher

有没有办法同时使用 PHPStorm 的 Live Edit 和 File Watcher?

我设法让 Compass 的文件观察器和我的 SCSS 文件运行,实时编辑插件也可以正常工作。

但是当我更改 SCSS 文件并成功编译 Compass 时,Live Edit 不会在我的浏览器中刷新站点。

是否有解决方案可以为 SCSS 文件运行 Live Edit?

0 投票
1 回答
282 浏览

javascript - 将表格单元格更改为文本区域并保存和取消按钮

我有一个表格,它从 MySql 数据库中获取所有数据并显示它,并且想知道如何在单击时将表格单元格更改为文本区域并显示 2 个按钮、一个保存按钮和一个取消按钮。

然后保存按钮会将更改的信息与行的 id 一起发送到另一个页面,该页面有一个 sql 查询来使用新信息更新数据库。

我已经看到了这一点,但不确定如何更改它,以便它有一个取消和保存按钮,在外部单击与取消相同。我用于在表格中显示表格单元格的 PHP 代码:

任何帮助表示赞赏。

谢谢你

0 投票
1 回答
1273 浏览

css - 带有流星的实时 css / scss 版本避免服务器重启

在使用流星构建大型应用程序时,我们确实面临编辑样式表文件的常规问题。编辑文件后,整个应用程序都会重新加载,每次进行一点更改都需要时间。大型项目隐含着复杂的 css 文件。出于这个原因,我选择使用 sass 来构建它们并在开发过程中更高效。我正在寻找的是一个工作流程,我可以在编辑器中更改 .scss 文件并在我的流星应用程序中实时查看结果。

0 投票
1 回答
1120 浏览

phpstorm - Phpstorm 7 reload in browser / live edit - how to use it with php files

I've done the tutorials on how to setup Phpstorm to use live edit, and I started using the "Reload in browser" functionality, but in version 7 it reloads only that single url which i've set up at in the Debug configuration.

My problem is that before, in version 6 as I remeber, it automatically reloaded every single page that was opened in the browser, and was related to the domain I had in Debug configuration URL. (So if I had www.mysite.local set up in PHP Web aplication debug configuration, it also reloaded www.mysite.local/something, www.mysite.local/backoffice..), but not anymore in v7.

Does anybody know if it is still possible in the new version, so I don't have to make a configuration for every single page?

Thx

0 投票
1 回答
172 浏览

node.js - 以编程方式控制 Jetbrains 内置服务器

我使用 WebStorm,它带有很棒的 LiveEdit 功能,它比 LiveReload 好得多,但是它不会自动注册我正在使用的所有不同类型文件的更改。它忽略了 Stylus 和 Jade 的变化,无论如何我都需要手动触发重新加载页面。

我猜是因为 LiveEdit 不会重新加载整个页面,而只会重新加载相关部分,而 Webstorm 在处理 Jade 或 Ejs 模板时当然不可能知道页面上需要重新绘制什么

就此而言,LiveReload 感觉是一个更好的解决方案。

但我想知道是否可以通过以某种方式向“JetBrains IDE 支持扩展”发送信号来触发重新加载页面?

所以理想情况下grunt-task,或者gulp-task(我正在使用 gulp)会监视文件的更改并发送信号(可能到 WebStorms 内置服务器)并且扩展程序会重新加载页面。那可能吗?

您可以使用节点控制 Jetbrains 内置服务器吗?

0 投票
1 回答
2303 浏览

javascript - Webstorm Live Edit 不适用于外部 JavaScript 文件

<script src="script.js"></script>Webstorm 8 的实时编辑功能在使用外部 JavaScript 文件时(即包含在我的 HTML 中时)似乎不起作用。外部 JavaScript 文件中的更改仅在我刷新页面后才会出现。

在其他情况下一切正常——例如,当我开始调试时,当我对 HTML 或 CSS 文件进行更改时,Chrome 中的页面会更新,当我在 HTML中的<script></script>标签之间编写一些 JavaScript 代码时,事情也能正常工作。

问题可能是什么?

0 投票
2 回答
1929 浏览

css - PhpStorm + Live Edit,看不到对附加的 css 文件所做的更改

下午好。我连接到 IDE PhpStorm Live Edit,将扩展设置为 Chrome。快捷菜单中的草稿选择 html 文件 - “调试 index.html” - 一切正常,一切似乎都很好。但是我在连接的文件styles.css 中存储了样式,并且我在那里所做的更改没有显示出来。如果我在styles.css 上引入项目——css 文件的快捷菜单,那么“调试”就没有意义了。这个项目的 Html 文件有。但我发现了一个视频 - https://www.youtube.com/watch?v=w0Db0TTZJa8,上面有一个家伙统治的 css 文件和页面立即可见的变化。如何配置调试连接的 css 文件?

肯定有一个不正当的方法——把所有样式和东西的css文件复制在头上,然后一切正常,但我想要的不会被颠覆。