搭建react项目

react 搭建
第一步 运行命令 “在有node的情况下”
npm install -g create-react-app
成功之后 然后 运行
create-react-app my-app 项目名称 (my-app是我随便起的一个名称)
当成功的时候
cd my-app/ 进入之后看到的是这样的
这里写图片描述

启动项目
这里写图片描述
网页的效果是这样的
这里写图片描述

然后我们进入我们项目打开src 进入到index页面 看到的效果是这样的
这里写图片描述

接下来就要配置一些东西了
先下载一个react-router-dom
这里写图片描述
再index.js里面引用这个 我把我修改的用红圈画出来了
这里写图片描述

再次重新运行下 你会发现运行的是一样的 所以没毛病
这里写图片描述
这里写图片描述

进一步深入学习
先解构下项目 别问为什么 等下就知道了
这里写图片描述
解构出来之后是这样的
这里写图片描述

再src里面建立几个文件夹 (看自己项目 文件夹的名字随便起)
这里写图片描述

再然后 打开config文件夹 找到下面两个文件
这里写图片描述

在这里面只是想添加几个绝对定位 (这个也是看自己的 看自己想添加几个的了 这个是我个人习惯吧)
这里写图片描述

然后再重新运行项目
这里写图片描述
然后你突然发现报了错(这个其实是react-router-dom时候该报的错)
这里写图片描述

这个时候你运行下npm install 再次启用项目发现就正常了
这里写图片描述
这里写图片描述
基本上的操作就好了 ,开始建立文件了
这里写图片描述
这里写图片描述
这里写图片描述
项目运行正常 最后加一个公共文件 component新建一个文件 在demo里面引入
这里写图片描述
这里写图片描述
这里写图片描述

最基本的搭建项目就是这样了 希望可以帮助一些人吧 。
本人表示自己的表达能力是真的差 就不要看我说的那个话 看我的截图就好。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值