重学react基础整理——环境准备（一）

环境准备

（1）直接使用官方提供的浏览器编辑方法，在浏览器中编辑代码，可以直接编码试一试。浏览器编码地址

（2）搭建本地开发环境。

a、这个需要安装node环境（如果没有安装node环境可直接去node官网下载），下载完后直接点击安装，直接下一步，下一步就好。

b、 安装完后，到cmd 控制台直接输入：node -v 如出现下面结果就表示安装成功，只是每个人的版本号不同而已，我的是14.15.1，列位的可能为其他版本号。

c、到自己想要开发项目的目录下打开cmd控制台，即直接到该文件夹路径那里直接输入cmd再按下回车键就好。

我的项目是在studySpace下，得到结果如下：

d、在cmd控制台直接输入下面命令就好，命令如下：每个命令输入一行按一次enter键。

npx create-react-app my-app
cd my-app
npm start

解释下每个命令的意思：
npx create-react-app my-app
这个命令是指下载一个临时的最新的create-react-app脚手架，然后利用脚手架去创造一个名字叫my-app的react项目。这个命令也可以拆分为下面两个命令的组合，第一个是全局安装create-react-app脚手架，第二个是通过脚手架创造一个项目。

npm install --global create-react-app

create-react-app my-app

进入这一步后，说明已经创造好了一个叫my-app的react的项目，现在要进入该项目：

cd my-app

进入之后直接启动：

npm start

自此，项目环境搭建好启动完毕。可以到浏览器中看到启动成功的react项目。

如果你是通过git拉取的项目my-app项目，就要先下载依赖，即运行下面命令：

npm install

再启动

npm start