react基础入门 一 :react的安装与开发环境的搭建

 一、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特性的调试

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值