问题标签 [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.
google-chrome-extension - PhpStorm LiveEdit HTML 有效,但 CSS 无效
我刚刚在 PhpStorm 7.0 中设置 LiveEdit 并下载了 Chrome 扩展“JetBrains IDE Support”v1.25。我还设置了一个 Javascript Debug 运行配置。当我在 PhpStorm 中运行此配置并编辑 HTML 文件时,Chrome 浏览器中的页面会按预期重新加载。但是,如果我编辑我的 CSS 文件,除非我重新加载页面,否则更改不会反映在我的浏览器中。
其他人遇到过这个问题吗?我已经用谷歌搜索了很多,但没有想到任何东西。我很难过,因为 HTML 编辑工作正常......
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 支持扩展
webstorm - 将 WebStorm 7 Live Edit 与 Nodemon 相结合
我能够按照以下说明进行实时编辑: running-and-debugging-node-js
我能够在这篇文章之后 运行 nodemon:如何从 WebStorm 中运行 nodemon?
但是,我无法将这两种配置结合起来使用 nodemon 进行实时编辑......
如果我将 nodemon 参数添加到我的实时编辑配置中,它将停止工作
想法?
谢谢
sass - 设置 PHP Storm Live Edit 和 Compass File watcher
有没有办法同时使用 PHPStorm 的 Live Edit 和 File Watcher?
我设法让 Compass 的文件观察器和我的 SCSS 文件运行,实时编辑插件也可以正常工作。
但是当我更改 SCSS 文件并成功编译 Compass 时,Live Edit 不会在我的浏览器中刷新站点。
是否有解决方案可以为 SCSS 文件运行 Live Edit?
javascript - 将表格单元格更改为文本区域并保存和取消按钮
我有一个表格,它从 MySql 数据库中获取所有数据并显示它,并且想知道如何在单击时将表格单元格更改为文本区域并显示 2 个按钮、一个保存按钮和一个取消按钮。
然后保存按钮会将更改的信息与行的 id 一起发送到另一个页面,该页面有一个 sql 查询来使用新信息更新数据库。
我已经看到了这一点,但不确定如何更改它,以便它有一个取消和保存按钮,在外部单击与取消相同。我用于在表格中显示表格单元格的 PHP 代码:
任何帮助表示赞赏。
谢谢你
css - 带有流星的实时 css / scss 版本避免服务器重启
在使用流星构建大型应用程序时,我们确实面临编辑样式表文件的常规问题。编辑文件后,整个应用程序都会重新加载,每次进行一点更改都需要时间。大型项目隐含着复杂的 css 文件。出于这个原因,我选择使用 sass 来构建它们并在开发过程中更高效。我正在寻找的是一个工作流程,我可以在编辑器中更改 .scss 文件并在我的流星应用程序中实时查看结果。
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
node.js - 以编程方式控制 Jetbrains 内置服务器
我使用 WebStorm,它带有很棒的 LiveEdit 功能,它比 LiveReload 好得多,但是它不会自动注册我正在使用的所有不同类型文件的更改。它忽略了 Stylus 和 Jade 的变化,无论如何我都需要手动触发重新加载页面。
我猜是因为 LiveEdit 不会重新加载整个页面,而只会重新加载相关部分,而 Webstorm 在处理 Jade 或 Ejs 模板时当然不可能知道页面上需要重新绘制什么
就此而言,LiveReload 感觉是一个更好的解决方案。
但我想知道是否可以通过以某种方式向“JetBrains IDE 支持扩展”发送信号来触发重新加载页面?
所以理想情况下grunt-task
,或者gulp-task
(我正在使用 gulp)会监视文件的更改并发送信号(可能到 WebStorms 内置服务器)并且扩展程序会重新加载页面。那可能吗?
您可以使用节点控制 Jetbrains 内置服务器吗?
javascript - Webstorm Live Edit 不适用于外部 JavaScript 文件
<script src="script.js"></script>
Webstorm 8 的实时编辑功能在使用外部 JavaScript 文件时(即包含在我的 HTML 中时)似乎不起作用。外部 JavaScript 文件中的更改仅在我刷新页面后才会出现。
在其他情况下一切正常——例如,当我开始调试时,当我对 HTML 或 CSS 文件进行更改时,Chrome 中的页面会更新,当我在 HTML中的<script>
和</script>
标签之间编写一些 JavaScript 代码时,事情也能正常工作。
问题可能是什么?
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文件复制在头上,然后一切正常,但我想要的不会被颠覆。