react之旅（一）环境准备

本文主要讲解了react项目编写前的准备工作，包括git安装，nodejs的安装，react如何启动一个新的项目。

一、windows环境安装git

在giit 官网https://git-scm.com/download/win下载git的安装包，一路next即可

下载过程中可能会碰到下载超慢的问题，可以利用迅雷进行下载。

二、window环境nodejs的安装

在nodejs官网http://nodejs.cn/download/下载.msi的windows安装包，一路next即可。

.msi和.zip格式区别：
1、.msi是Windows installer开发出来的程序安装文件，它可以让你安装，修改，卸载你所安装的程序。说白了.msi就是Windows installer的数据包，把所有和安装文件相关的内容封装在一个包里。
2、.zip是一个压缩包，解压之后即可，不需要安装

下载过程中可能会碰到下载超慢的问题，可以利用迅雷进行下载。
安装完nodejs后再项目目录/d/workspace/react打开git（项目目录右键 -> Git Bash Here）,输入下面命令，返回nodejs和npm的版本号则说明nodejs安装成功：

npm -v
node -v

三、npm远程仓库切换淘宝镜像

由于npm install包的时候会超慢，这个地方需要切换一下淘宝镜像，执行下面命令：

npm config set registry https://registry.npm.taobao.org

切换完淘宝镜像后可以用npm config get命令查看是否切换成功

四、新建一个react项目

在工程目录下面执行下面命令即可新建一个react项目：

npx create-react-app demo1

这条命令会做些什么？

• 会安装create-react-app这个脚手架
• create-react-app会执行create-react-app demo1命令来创建一个react项目
• 删除create-react-app脚手架

五、启动react项目

进入项目的根目录cd /d/workspace/react/demo1，执行下面命令，即可启动react项目：

npm start

启动后效果如下：

会在浏览器的3000端口启动一个react进程。至此，就可以新建一个react项目了。