《React.js手把手教程：从初学者到实战高手》- 准备工作

嘿，未来的React.js高手！在我们开始探索这个神奇的React.js世界之前，我们需要先准备好一些工具和基础知识。别担心，我会手把手地带你完成这个小小的准备任务，然后我们就可以踏上学习之旅啦！

安装Node.js

首先，我们需要一个名为Node.js的超级魔法工具。Node.js让我们能够在电脑上运行JavaScript代码，就像在浏览器里一样。别担心，这不需要任何巫术，只需要前往 Node.js官网 ，下载并安装它。

在你的浏览器中打开Node.js的官网 (https://nodejs.org/)，打开后是下面这个样子的：
（如果官网更新后，你可能看到的不是这个样子。不用担心，你只需找到下载的地方即可）

非常令人欣慰，现在Node,js官网支持简体中文了。如果你打开后看到的不是简体中文界面，可选择右上角的切换语言图标进行显示语言的切换。

你可能注意到了，上面的截图中显示的是为macOS提供的安装包。那是因为我使用的是MacBook。如果你使用的是Windows系统，那么它会默认显示为Windows提供的安装包。

这里提供了两个版本的下载。通常我们会使用左边的“长期维护版”。点击它，就能将Node.js的安装包下载到你的电脑上。下载完成后，安装它。这里就不详细说了，我相信你既然已经开始学React.js了，那么安装软件这种小事这对你来说应该是小菜一碟。

安装完成后，你可以在命令行中输入 node -v 来检查一下，如果有版本号出现，说明你已经成功点亮了魔法水晶！
（依据安装的版本不同，这里显示的版本号会不同）

选择一个代码编辑器

代码编辑器就是你写代码的画布和魔法杖。你可以选择任何你喜欢的编辑器，比如 Visual Studio Code、Sublime Text 或者 其它任何你喜欢的编辑器。它们都很强大，所以选一个让你觉得舒服的就好，这并不重要。

因为我早期比较多地使用Visual Studio，所以一脉相承下来，在写JavaScript时习惯使用 Visual Studio Code。在之后的写作中，我可能会更多地使用它的简称：VS Code。

下载你喜欢的编辑器，并安装它。

创建React App

好了，现在是时候创建我们的第一个React App啦！不用担心，这非常简单。React官方为我们准备了一个神奇的命令。

打开你的命令行，在命令行窗口中使用 cd 命令进入你想要放置项目的文件夹。例如，以Windows操作系统举例，如果你想将项目放置在 E 盘的 test 文件夹下，那么就先在命令行窗口中输入 E:（注意，不要遗漏了后面的冒号），然后回车，这样就进入了 E 盘。然后再输入：

cd test

然后回车，就进入了 test 文件夹。

然后，输入以下命令，我们就能轻松创建一个全新的React应用：

npx create-react-app my-react-app

这会为你在当前目录下创建一个名为my-react-app的文件夹，里面包含了一个全新的React应用。

你准备好了吗？让我们一起大步向前！

掌声欢迎！

好啦，你已经完成了本章的准备工作，你真是太棒了！现在，你已经拥有了一把魔法杖（代码编辑器）、一本魔法书（本书）和一个魔法实验室（React应用）。准备好了吗？让我们一起开始这次魔法冒险吧！