Mac React环境搭建

一，安装Node

确认电脑上已安装node.js，可以在终端输入命令$ node -v 按回车键若有返回版本号说明已安装。没有的话 在这里下载node的安装包https://nodejs.org/zh-cn/ 。我下载的是.pkg文件，直接双击安装就好

  node —v命令检验是否安装成功

npm -v用来检测npm

二，通过npm使用React

国内使用 npm 速度很慢，你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm

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

或者

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

或者

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

然后安装less的预编译

npm install gulp less --save-dev

一，使用 create-react-app 快速构建 React 开发环境

create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。
create-react-app 自动创建的项目是基于 Webpack + ES6 。
执行以下命令创建项目：

$ cnpm install -g create-react-app//表示react环境搭建完毕
$ create-react-app my-app//创建一个名字my-app的项目
$ cd my-app/
$ npm start//运行项目

在浏览器打开http://localhost:3000/

image.png

之后我们可以修改src/App.js 文件代码来改变页面样式