开始学习实时编程！
在本节课中，我们将一起开始实时网页编程的旅程。 让我们开始吧！
Web开发的关键软件组件
我们通常需要三个软件组件来开始Web开发。
这些组件分别是：
- 代码编辑器
- Web服务器
- 浏览器
幸运的是，Educative为学习者提供了嵌入式编程环境，让学习变得轻松自如，无需费心搭建自己的开发环境。
不过，我们仍会简要介绍上述软件组件为何必不可少。
代码编辑器
要编辑代码，可以使用集成开发环境（IDE），如 WebStorm、Visual Studio、Eclipse，也可以使用简单的代码编辑器，如 Sublime Text、TextMate、Notepad++，或你偏好的任何工具。
在本课程中，我们为你提供两种代码编辑器：
- RunJS小工具：支持基于 HTML、CSS 和 JavaScript 的静态应用编码。
- 实时编码小工具：支持实时编码并具备浏览器支持功能。我们的应用将部署在 Educative 分配的主机上，效果如下所示：
你的应用地址为：https://x6jr4kg.educative.run
Web服务器
你需要一个Web服务器来**托管**示例页面。你可以从多种Web服务器中选择，包括 **Apache**、**Node.js** 和 **IIS**。
Apache 和 Node.js 支持所有主流平台，而 IIS（及其轻量版 IIS Express）仅运行于 Windows 系统。
在本课程中，我们使用 Node.js，因为它安装、配置和使用都非常简单。只需进行一个简单的准备步骤，即可实现实时编码——当你修改源文件时，浏览器中的变化会立即体现出来。
即使这是你第一次接触 Node.js，也建议尝试使用它。
在本课中，你将学习如何开始使用 Node.js，即我们的实时Web服务器。
安装与使用 Node.js
如前所述，我们将使用 Node.js 作为Web服务器。Node.js 可通过其官网 http://nodejs.org/download 为你的平台下载合适的安装包。
安装 Node.js 非常简单，只需几分钟即可完成。但在开始之前，先了解一下它的基本概念。
Node包管理器（NPM）简要介绍
📜注意：如果你已有 Node.js 和 npm 的使用经验，可跳过本小节。
Node.js 自带一个 **包管理工具——npm（Node Package Manager）**。
该工具的主要作用是管理应用程序或开发流程所依赖的 Node.js 包和组件。
npm 工具可以从仓库中将包下载到你的机器上。这些包可以安装为全局（所有 Node 应用均可访问）或本地（仅限当前项目）。你可以将已安装包的引用保存到一个 package.json 文件中，以便后续使用 npm 更新或安装缺失的组件。
每个练习文件夹都包含两个重要文件：
- package.json 定义了
start命令，顾名思义，它用于启动Web服务器并在浏览器中显示页面。 - index.html 是浏览器中渲染的页面文件。
所有练习均使用相同的 package.json 文件副本。在根目录下，你可以找到一份 package.json 文件，可复制并用于自己的练习项目中。
准备实时编码
在本课程中，你可以在不重启Web服务器或手动刷新浏览器的情况下，直接编辑示例代码并即时查看浏览器中的变化。
这一切得益于 live-server 包。请在下方终端命令行中输入以下命令：
1npm install live-server -g
该命令将启动 Node 包管理器，从网络下载 live-server 包及其所有依赖项，并将其全局安装。
安装成功后应显示如下界面：
太好了！现在准备工作已完成，我们已经准备好进入下一课，开始学习 HTML！
期待在下一课见到你！ :)