react创建新项目

react介绍

React是一个用于构建用户界面的Javascript库。

React主要用于构建UI,很多人认为React是MVC中的V(视图)。

React起源于Facebook的内部项目,用来架设lnstagram的网站。

React拥有较高的性能,代码逻辑简单。

react特点

  • 声明式设计——React采用声明范式,可以轻松描述应用。
  • 高效——React通过对DOM的模拟,最大限度地减少与DOM的交互。
  • 灵活——React可以与已知的库或框架很好的配合。
  • JSX——JSX是JavaScript语法的扩展。React开发不一定使用JSX,但我们建议使用它。
  • 组件——通过React构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。
  • 单向响应的数据流——React实现了单向相应的数据流,从而减少了重复代码,这也是它为什么比传统的数据绑定更简单。

react安装步骤:

在创建react项目之前需创建gitee仓库!!!!将react项目配置到gitee仓库中

如:

cd D:
D:
cd workspace
ls
cd 创建仓库
ls
cd ..返回上一级
ls
查看文件夹里有哪些文件

根据以上步骤,一层层进行寻找,直到找到仓库地址。

在找到该仓库时,再进行react项目的安装。

npm install -g create-react-app   /*全局安装*/

creact-react-app reactproject   /*新建并对react项目进行命名(注:项目名称不能有大写)*/

cd reactproject                          /*通过命令进入文件内部,准备运行项目*/

yarn start                                   /*运行项目*/

通过以上命令可以快速创建一个react项目。

但是,在可以参到的项目中没有webpack的相关配置(原因:creact-react-app脚手架封装),如果要对webpack进行设置,需要用命令yarn eject(或npm run eject)将webpack文件暴露出来,这个操作是可逆的。

除此之外,在进行webpack文件暴露之前需要用

git add --all

git commit -m '注释'

git status  //检查是否有提交

git push

来向gitee仓库进行提交,否则在输入yarn eject命令时有报错!!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值