如何使用 npm 安装 React

首先我们可以打开控制台，输入 npm 或 node 检验是否安装成功。附加 version 参数可以查看我们安装的 npm 及 node 的版本。


node -v

npm -v

由于 npm 官方的服务器在国外，在国内使用可能会遇到很多网络问题，而且速度也非常慢，为了方便我们的开发，我们需要手动切换 npm 到国内的镜像源。国内最稳定的镜像源是淘宝提供的。

打开淘宝 npm 镜像的官网，我们可以看到简要的使用说明。首先，在这里，我们可以获取到镜像的地址，先复制备用。之后打开命令行，注意到这里，因为我们的 npm 默认是安装在系统文件夹下的，所以需要以管理员模式打开命令行，否则在安装包的过程中可能会出现一些权限问题。

在命令行中，我们输入

npm config set registry

来修改npm默认的安装源，通过

npm config get registry

来检验一下刚才的配置是否成功。

除此之外，我们还可以使用淘宝镜像提供的cnpm工具，通过cnpm来安装包一般速度会更快一些，我们可以直接复制文档中的命令：

npm install -g cnpm --registry=

粘贴在命令行中，回车进行安装，初次安装需要等待的时间可能会比较久，一定要有耐心。

等待安装完成之后，我们可以在命令行输入cnpm -v来测试是否安装成功。

接下来，我们可以尝试一下，使用 npm 安装 React 到我们的项目中。在我们的工作目录，按住 shift 点击鼠标右键，在弹出的菜单中选取“在此处打开命令行”，创建一个项目的文件夹，例如 learn-react ，使用 cd 命令切换至文件夹中，输入：

cnpm init -y

使用默认设置初始化我们的项目的 npm 配置，在项目目录中会生成一个文件，里面会保存我们项目的基本信息、命令脚本以及依赖的库等信息。再然后，我们可以通过命令：

cnpm install react react-dom --save

来安装 React，并将其保存到我们的项目依赖当中。现在再来看一下文件，我们可以看到其中的 dependencies 已经保存了 react 的信息了。

通过 npm，我们可以安装许多命令行工具。 React 官方专门为我们准备了专用的 React 项目生成工具 create-react-app，只需要简单几行代码即可生成 React 项目，并且在开发时还支持实时更新，自动重载等功能。

npm install -g create-react-app

create-react-app my-app

cd my-app

npm start

如果是我们完全地手工配置，则需要配置安装 Webpack/Babel 等工具库。所以对于初学者或想要快速开发应用的同学，create-react-app 就是你最好的选择。

秒客网