React学习第二步--环境配置与项目搭建

大家好，本篇文章将给大家简单介绍一下React项目的环境配置以及项目搭建。React项目主要依赖于Node和NPM这两个技术。Node主要是运行平台，NPM是依赖包管理工具。

本文以windows环境为主介绍相关配置。

首先打开cmd命令行,输入 node -v 来查看版本，如果显示版本号证明已有相应环境，若没有那就安装Node.js，直接搜索并在官网下载安装包。

node.js官网：https://nodejs.org/en/

下载相应适合的版本进行安装（下一步下一步即可），由于我本地已有相关环境，在此不做详细讲解。

安装完成打开cmd命令行，输入 node -v 来查看版本，若有结果表示安装成功。由于npm会和node一起安装，可输入npm -v查看是否存在。

这样就已经安装好项目所需环境啦。

现在React所需的必要环境已准备完成，下面我们开始使用npm来创建一个React项目。

cmd输入：
npm install -g create-react-app （全局安装create-react-app脚手架工具，之后使用命令创建新的react项目。）
create-react-app my-new-app（建议在需要的地方创建，不建议在C盘创建，此处花费时间较长，建议耐心等待一会）

项目创建完成，大致目录如下：

node_modules：项目依赖包
public：index.html等一些公共文件
src：开发内容都放在此目录下
package.json：项目的介绍以及一些配置信息

然后该运行项目，你可以选择把项目放到对应你使用的工具去运行。

输入：npm install（安装项目所需依赖）

依赖安装好后输入 npm start启动项目，自动弹出localhost:3000的网页窗口，项目就启动完成啦。