本文将手把手一步步的教你从0创建并运行一个简单的react项目，如果网速正常（因为需要下载一些依赖包）的话跟着操作下来也不会超过20分钟。

如果是大佬就不用看本文啦，本文只针对想快速拥有一个react用来练手的新同学。

---

开始吧

下载nodeJs

直接在官网下载即可，这里为了方便就给个地址：

https://nodejs.org/zh-cn/

下载好后打开命令符，输入 ·node -v· 来查看nodeJs的版本，本文当前版本为v8.1.2。

为npm注册淘宝镜像

node下载好之后npm也能用了，当然也可以通过 ·npm -v· 来查看npm的版本，本文当前版本为v5.0.3。

因为墙的存在，导致用npm下载包速度很不稳定，解决方法是用cnpm来代替npm，cnpm为淘宝镜像，速度得到了保证，但是有时候下载依赖没办法通过cnpm（比如下文提到的create-react-app），这时候只要将npm的register永久设置为淘宝镜像就好了。

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

-- 配置后可通过下面方式来验证是否成功

npm config get registry

之后就可以愉快的正常使用npm指令了。

下载create-react-app

这是react官方出的工具，快速生成react项目，本文也是借助这个工具生成的react项目，下载create-react-app：

npm install create-react-app -g

一键生成react项目

因为速度的原因，用npm会异常的慢，但是已经注册过淘宝镜像就没问题了：

create-react-app react-app

创建成功之后就可以运行项目了：

cd react-app

npm start

成功，并且已经在你的默认浏览器中打开了你的项目，接下来可以在这个基础上进行react练习了，就先从修改src/App.js开始吧！

function(){

  console.log(1)

}

[图片上传失败...(image-fceab6-1548142297083)]