react环境搭建,及脚手架使用

假设你没有安装node环境,如果你已安装,那就自行跳过1、2步骤

1.安装brew工具

brew官网

// 或者终端输入
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
// 再启动下载功能
brew install wget

2.安装node环境, yarn工具

如果不用yarn(建议yarn,react官方就用的yarn), 也可以不用安装, node里自带npm, 两者起同样作用

// 终端输入
brew install node
brew install yarn

3.react脚手架安装(create-react-app)

首先新建一个空文件夹,在编辑器打开,我用的VS Code

// 终端输入, yarn工具
yarn add create-react-app
create-react-app react-demo
cd react-demo
yarn start

如果你没装yarn,就以下操作

// 终端输入, npm工具
npm install -g create-react-app
create-react-app react-demo
cd react-demo
npm start

运行完成,浏览器会弹出服务器地址
http://localhost:3000/

就代表你成功了,如果失败请百度一下,这个流程步骤一般是没问题的

参考资料
https://blog.csdn.net/code_xiaolu/article/details/80831969