一、react的安装:
1、先安装nodejs,http://nodejs.cn/download/ windows下载相应的安装包,然后直接点击下一步下一步进行安装即可
2、国内使用 npm 速度很慢,你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
将npm命令的资源仓库也换成淘宝镜像
$ npm config set registry https://registry.npm.taobao.org
3、使用 create-react-app 快速构建 React 开发环境
cnpm install -g create-react-app
create-react-app my-app
cd my-app/
npm start
打开 http://localhost:3000/ (一般自动刷新),输出结果
二、react开发环境的搭建
1.推荐使用vscode进行react的开发,推荐安装的插件有:
Debugger for Chrome:安装后可以调用Chrome浏览器进行调试,可以远程也可以本地;
Debugger for Firefox:安装后可以调用Firefox浏览器进行调试,可以远程也可以本地;
View In Browser:安装后在文件上右键可以直接用浏览器打开文件;
Bracket Pair Colorizer:对于嵌套多层括号或花括号的情况非常友好,可以将不同层级的括号显示出不同的颜色;
ESLint:用于检查js的语法错误;
2.浏览器安装React Developer Tools:
下载地址:https://github.com/facebook/react-devtools/releases,在chrome和Firefox中安装相应的插件,可以在浏览器中进行react特性的调试