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

启动项目
搭建react项目
网页的效果是这样的
搭建react项目

然后我们进入我们项目打开src 进入到index页面 看到的效果是这样的
搭建react项目

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

再次重新运行下 你会发现运行的是一样的 所以没毛病
搭建react项目
搭建react项目

进一步深入学习
先解构下项目 别问为什么 等下就知道了
搭建react项目
解构出来之后是这样的
搭建react项目

再src里面建立几个文件夹 (看自己项目 文件夹的名字随便起)
搭建react项目

再然后 打开config文件夹 找到下面两个文件
搭建react项目

在这里面只是想添加几个绝对定位 (这个也是看自己的 看自己想添加几个的了 这个是我个人习惯吧)
搭建react项目

然后再重新运行项目
搭建react项目
然后你突然发现报了错(这个其实是react-router-dom时候该报的错)
搭建react项目

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

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

相关文章:

  • 2021-10-19
  • 2022-12-23
  • 2022-12-23
  • 2021-07-04
  • 2022-02-27
  • 2021-10-21
  • 2021-09-01
  • 2022-01-15
猜你喜欢
  • 2021-10-01
  • 2021-09-18
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-07-18
相关资源
相似解决方案