react开发入门教程第一篇---简介以及脚手架安装

React 特点简单介绍

  • 1.声明式设计 −React采用声明范式,可以轻松描述应用。

  • 2.高效 −React通过对DOM的模拟,最大限度地减少与DOM的交互。

  • 3.灵活 −React可以与已知的库或框架很好地配合。

  • 4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ,但我们建议使用它。

  • 5.组件 − 通过 React 构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。

  • 6.单向响应的数据流 − React 实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。

  • 安装开发所需环境 

安装node,npm会在安装完node后带过来,所以node -v和npm-v可以查看node npm是否安装好以及当前版本

 

 

提示:当前版本node版本在执行create-react-app my-new-app会报错,需要将node版本升级至8.0以上的版本

首先用npm 安装 create-react-app工具,其可以自动地在本地目录中创建react项目。 

命令行输入:

                    npm install -g create-react-app

        等待其安装,全局安装create-react-app脚手架工具,然后就可以使用命令

create-react-app my-new-app 创建新的react项目。

  • react开始 

 create-react-app my-new-app  创建react新项目 

最后npm start 启动项目

注释:npm run eject 可生成配置文件config 的文件夹。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值