react 开发环境搭建

1、安装NodeJS

http://nodejs.cn/download/

node -v
npm -v 

2、安装cnpm

cnpm 是npm的国内淘宝镜像

 npm install -g cnpm --registry=https://registry.npm.taobao.org

3、安装Yarn

安装yarn

cnpm install -g yarn --registry=https://registry.npm.taobao.org

配置Yarn 国内镜像

yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

4、安装React脚手架

安装react脚手架

npm install -g create-react-app

创建demo工程

create-react-app  my-react1

image.png image.png

4、进入工程

cd my-react1
yarn start

5、效果展示

image.png