在 HTML、CSS 和 JavaScript 中使用 Live Edit
借助 Live Edit 功能，您在 HTML、CSS 或 JavaScript 代码中所做的更改会立即在浏览器中显示，无需刷新页面。
Live Edit 适用于包含或生成 HTML、CSS 或 JavaScript 的其他文件类型。 在 调试 Node.js 应用程序 时，您也可以使用 Live Edit。 有关更多信息，请参阅 在 Node.js 应用程序中使用 Live Edit。
默认情况下，仅为 HTML 和 CSS 文件启用 Live Edit。
开始之前
请确保在设置中启用了捆绑的 JavaScript 和 TypeScript 插件。 按 Ctrl+Alt+S 打开设置，然后选择 。 点击 已安装 选项卡。 在搜索框中输入 JavaScript 和 TypeScript。 有关插件的更多信息，请参阅 管理插件。
请确保在设置中启用了捆绑的 JavaScript Debugger 插件。 按 Ctrl+Alt+S 打开设置，然后选择 。 点击 已安装 选项卡。 在搜索框中输入 JavaScript Debugger。 有关插件的更多信息，请参阅 管理插件。
按照 从 JetBrains Marketplace 安装插件 中的说明，在 设置 | 插件 页面上的 Marketplace 选项卡中安装并启用 Live Edit 插件。
请按照 配置 JavaScript 调试器 中的说明配置内置调试器。
要使您在 HTML、CSS 或 JavaScript 代码中所做的更改能够立即在浏览器中显示而无需刷新页面，请激活 Live Edit 功能。
在 JavaScript 中激活并配置 Live Edit
在 设置 对话框（Ctrl+Alt+S ）中，转到 。
在打开的 Live Edit 页面中，选中 在变更时更新 Chrome 中的应用程序 复选框。
默认情况下，GoLand 仅为 HTML 和 CSS 代码显示即时预览。 要在 JavaScript 中启用 Live Edit ，请选中 JavaScript、HTML 和 CSS 选项。
指定在编辑器中更改代码后显示更改到浏览器之间的时间延迟：接受默认值
300 毫秒或使用相应字段旁的微调框指定自定义值。要启用对由 Node.js 执行的 JavaScript 文件的重新加载，请选中 变更时更新 Node.js 应用程序 复选框。 使用微调框指定上传所用时间，默认值为 300。
要在可编译为 JavaScript、HTML 或 CSS 的代码（例如 TypeScript、Pug 或 SCSS）中启用 Live Edit，请选中 跟踪编译为 JavaScript、HTML 或 CSS 的文件中的更改 复选框。
此类文件中的所有更改都会自动保存，以触发编译并在浏览器中显示。
请注意，已更改的文件会 在更新后不久保存 ，这一行为不同于在关闭文件、项目或 GoLand，或其他事件触发的常规自动保存。
要配置高亮显示，请选中 插入符号位置变更时在浏览器中高亮当前元素 复选框。 否则，在调试会话期间，您需要按住 Shift 并将鼠标悬停在编辑器中的元素上，以在浏览器中高亮显示该元素。
选中 如果热替换失败则重启 复选框，以允许 GoLand 在更改无法自动应用时自动重新加载页面。
使用 Live Edit
根据需要更新 HTML、CSS 或 JavaScript 代码。 更改会立即在浏览器中反映出来，无需刷新页面。