# 在 Node.js 应用程序中实时编辑

> For the complete documentation index, see [llms.txt](https://www.jetbrains.com/zh-cn/help/idea/llms.txt).

> **TL;DR**
> 所需插件  :
>
>
>
> `JavaScript 和 TypeScript`  -  插件与 IntelliJ IDEA 捆绑在一起，并默认启用。
>
>
>
> `JavaScript Debugger` ,  `Node.js` ,  `实时编辑`  -  在   设置 | 插件   页面上安装插件。 这些插件仅在 IntelliJ IDEA Ultimate 订阅中可用，并且默认启用。

> **Tip:**
> Live Edit  仅在 [Node.js 调试会话](running-and-debugging-node-js.html#node_debugging_overview) 中和 [Google Chrome](http://www.google.com/chrome/) 以及其他 [基于 Chromium 的浏览器](https://www.chromium.org/) 中可用。
>
>
>
> 请参阅 [HTML、CSS 和 JavaScript 中的实时编辑](live-editing.html)以了解更多。

借助  Live Edit  功能性，对 HTML、CSS 或 JavaScript 代码所做的更改会立即显示在浏览器中，而无需重新加载页面。

Live Edit  适用于包含或生成 HTML、CSS 或 JavaScript 的其他文件类型。

默认情况下，  Live Edit  仅在 HTML 和 CSS 文件中启用。

Procedure: 开始之前

1. 请确保您的计算机上安装了 [Node.js](http://nodejs.org/)。

2. 请确保已在设置中启用  JavaScript 和 TypeScript  插件。 按 `Ctrl+Alt+S` (Windows), `⌘ Comma` (macOS), `⌘ Comma` (IntelliJ IDEA Classic (macOS)), `⌘ Comma` (macOS System Shortcuts), `Ctrl+Alt+S` (XWin), `Ctrl+Alt+S` (GNOME), `Ctrl+Alt+S` (KDE), `Ctrl+Alt+S` (Emacs), `Ctrl+Alt+S` (Sublime Text), `⌘ Comma` (Sublime Text (macOS)), `Ctrl+Alt+S` (Visual Studio), `⌘ Comma` (Visual Studio (macOS)), `Ctrl+Alt+S` (NetBeans), `Ctrl+Alt+S` (Eclipse), `⌘ Comma` (Eclipse (macOS))打开设置，然后选择  `插件` 。 在搜索字段中，键入  JavaScript 和 TypeScript 。 有关插件的更多信息，请参阅 [管理插件](managing-plugins.html)。

3. 安装  Node.js 、  JavaScript 调试器  和  Live Edit  插件，位置在   设置 | 插件   页面上，如 [从 JetBrains Marketplace 安装插件](managing-plugins.html#install_plugin_from_repo) 中所述。 插件仅在具有 Ultimate 订阅的 IntelliJ IDEA 中可用。

Procedure: 启用实时编辑

1. 按 `Ctrl+Alt+S` (Windows), `⌘ Comma` (macOS), `⌘ Comma` (IntelliJ IDEA Classic (macOS)), `⌘ Comma` (macOS System Shortcuts), `Ctrl+Alt+S` (XWin), `Ctrl+Alt+S` (GNOME), `Ctrl+Alt+S` (KDE), `Ctrl+Alt+S` (Emacs), `Ctrl+Alt+S` (Sublime Text), `⌘ Comma` (Sublime Text (macOS)), `Ctrl+Alt+S` (Visual Studio), `⌘ Comma` (Visual Studio (macOS)), `Ctrl+Alt+S` (NetBeans), `Ctrl+Alt+S` (Eclipse), `⌘ Comma` (Eclipse (macOS)) 打开设置，然后选择  `生成、执行、部署 | 调试器 | 实时编辑` 。

2. 选择   在更改时更新 Node.js 应用程序  。 请指定编辑器中代码更改与浏览器中显示此更改之间的时间延迟：接受默认值  `300 毫秒`  或使用相应字段旁边的旋转框指定自定义值。

## See also

### 过程

[在 Chrome 中调试 JavaScript](debugging-javascript-in-chrome.html) [查看实际 HTML DOM](viewing-actual-html-dom.html) [HTML](editing-html-files.html)