环境准备
- webstrom
- node.js(其中自带了npm包管理器,比较慢,可以配置cnpm淘宝镜像)
- 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
使用webstrom打开该目录开始coding学习吧
注
- 同样使用npm也可以安装react脚手架创建react项目并管理其依赖。看个人习惯吧。感觉npm(cnpm)和yarn区别不大。
- react项目跑起来的,在介绍一个前端UI框架吧。element-react。(vue对应的是element-ui) https://elemefe.github.io/element-react/#/zh-CN/quick-start