问题标签 [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 投票
0 回答
285 浏览

google-chrome - “JetBrains IDE Support”正在调试浏览器

那里..

我无法"JetBrains IDE Support" is debugging the browser在 chrome 79+ 中隐藏横幅

正如Enable Silent Debugging在 chrome 79 中缺少 Chrome 标志

0 投票
1 回答
135 浏览

javascript - 填充没有在 JavaScript 中定义?

所以我在 JavaScript 中制作了一个数字分析器代码,以前我使用 https://www.khanacademy.org 编写代码并在他们的实时编辑器中运行它,但这不允许我运行window.prompt ,所以我转向了其他一些编辑,但是当我尝试用这样的颜色填充某些内容时,他们都给了我一个错误:

fill (255, 0, 0);

错误:JavaScript error: Uncaught ReferenceError: fill is not defined on line 3为什么会发生这种情况,我该如何解决?

0 投票
1 回答
1115 浏览

javascript - PhpStorm 实时编辑功能不起作用?[PhpStorm 2020.2]

我经常使用 VS Code + 'Live Server' 插件,所以每次保存时,项目都会自动刷新。

今天我在玩 PhpStorm,它是具有合法订阅许可证的最新版本(我已经使用 phpstorm 好几年了),但即使我试图在互联网上查找它,“实时编辑”插件似乎也不起作用。然而,他们都没有帮助!

我很感激任何帮助!谢谢

我做了什么:

  • 在 Chrome 上安装 Jetbrains IDE 扩展
  • 在 PhpStorm 上安装了“实时编辑”插件
  • 设置如下:

在此处输入图像描述

0 投票
1 回答
173 浏览

phpstorm - Microsoft Edge (Chromium) 中的 LiveEdit

我想使用 LiveEdit 插件在 PhpStorm 上调试我的网站。我已经在设置中配置了插件,甚至下载了 JetBrains Chrome 扩展并应用于 Microsoft Edge。我还允许扩展程序对所有网站进行读写和更改。然而,我没有看到 LiveEdit 工作。

我也申请<all_urls>了扩展设置 - 没有进展。我应该怎么办?

LiveEdit 设置页面。

0 投票
1 回答
358 浏览

html - WebStorm:使实时编辑在没有调试模式的情况下工作

Visual Studio 中有一个名为 Live Server 的插件。当您编辑并保存对 html/css 文件的更改时,如果页面在浏览器中打开,则无需刷新页面,它会自动刷新。Webstorm 具有类似的功能,称为实时编辑,但它仅在调试模式下工作。

是否可以使其与 Safari 或至少其他 Chromium 浏览器(如 Vivaldi)一起使用,或者相应的扩展程序仅适用于 Google Chrome?因为没有 Google Chrome,Live Edit 就无法工作。谢谢你。

0 投票
1 回答
71 浏览

javascript - WebStorm Live Edit 不适用于 JavaScript,有什么解决方案吗?

我在 1 月 25 日更新后遇到了这个问题。

当我在 HTML 文档上编辑文件时,实时编辑会检测更改并对浏览器进行更改。但是在 JavaScript 的情况下,除非我刷新浏览器,否则不会应用更改(如果我必须刷新浏览器,则没有实时编辑的意义)。

WebStorm 设置窗口

0 投票
0 回答
42 浏览

javascript - Code editor not displaying text correctly with react-live library

I am new to react js and trying to develop a website full of technical tutorials. As a part of it I am creating tutorials for react js with live preview of some code snippets in each tutorial. I am using react-live for this purpose. Here is the link to demo of react-live click here

When I am trying to use this code editor it is displaying the text incorrectly with wrong spacing and cursor position. below is the snapshot of it. Code editor text with wrong spacing and cursor position

Does Anybody has any idea why is it displaying this text in code editor incorrectly when I am trying to use it instead it is displaying it correctly in demo link.

0 投票
0 回答
392 浏览

google-chrome - LiveEdit 编译失败:

我直接在Chrome 的开发者工具的Source选项卡上编辑我的代码,所以我可以测试它。但最近这个错误开始出现在我面前,我LiveEdit compile failed:几乎可以肯定这不是代码错误。奇怪的是没有指定错误。有没有人遇到过这个问题?

开发者工具截图

0 投票
1 回答
49 浏览

laravel - 在 PhpStorm 中实时编辑 Laravel

如何在 PhpStorm 中为 Laravel 使用实时编辑?

我设置了 Live Edit 插件,它适用于.html文件。要使用实时编辑,我右键单击并选择调试文件,它可以工作。

对于 Laravel,我右键单击public/index.php并选择调试,但不能进行实时编辑。

我在谷歌上找不到。