一,安装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/
之后我们可以修改src/App.js 文件代码来改变页面样式