环境准备

1. webstrom
2. node.js(其中自带了npm包管理器，比较慢，可以配置cnpm淘宝镜像)
3. yarn(有别于npm的另外一种包管理器，比npm略快，版本管理稍好，在node环境下，需要自己安装) https://yarnpkg.com/en/docs/install#windows-stable

# 验证安装
node --version
npm --version
yarn --version

使用yarn全局安装react脚手架并创建react项目

学习过vue的应该知道使用vue/cli 3.x（vue-cli 2.x）脚手架创建vue项目。同样 react的创建也有脚手架 create-react-app

yarn global add create-react-app

使用脚手架命令创建项目

create-react-app projectName

命令行

进入创建的项目目录

cd projectName
yarn start

image.png

image.png

image.png

使用webstrom打开该目录开始coding学习吧

注

1. 同样使用npm也可以安装react脚手架创建react项目并管理其依赖。看个人习惯吧。感觉npm(cnpm)和yarn区别不大。
2. react项目跑起来的，在介绍一个前端UI框架吧。element-react。（vue对应的是element-ui） https://elemefe.github.io/element-react/#/zh-CN/quick-start