记录新搭建的项目流程 react+dva+umi+antd pro4+eslint

博主初次尝试使用react+dva+umi+antd pro4+eslint搭建项目,详细记录了从零开始的搭建过程。在搭建过程中,博主体验了dva带来的便利,并遇到了多页签实现的问题。目前,多页签功能已实现一半,但页面切换仍会重新渲染,博主将继续探索解决方案。
摘要由CSDN通过智能技术生成

傻乎乎的我,稀里糊涂一次性接触除了第一个单词以外所有的新东西,感觉又新奇又压力大,偏偏我还是一个拖延症晚期患者,加油冲冲

先是搭建项目基本框架 之前只使用过react+redux+router的简单框架,大概了解react的基本流程和原理。这次大哥让我用dva搭一个新项目的框架,听说是让react变得更加优雅的插件,说是看起来让别人觉得更厉害的东西,我听力那个心动啊感觉好像立马要成大师了一样。然后一顿百度猛如虎,好家伙,教程一个接一个,文档一个接一个,插件一个加一个,最后就变成这一大堆不认识的英文单词组合了,不知道哪里来的自信我觉得我一次性都可以消化完这些,蜜汁自信了又

话不多说了,开始吧!

先是搭建基本框架,这里某个教程上说用yarn这个管理工具相对于npm更高效好用,虽然我都了解的不深,但是基于我脑子一片空白,于是选择相信冲浪选手

yarn我的电脑已经装过了这里就没截图了      然后用yarn安装umi 项目   最后用npm让项目跑起来就可以了

一些用到的命令如下

npm install yarn -g   
yarn create umi gdinstallweb 
npm install 
npm start 

对了,在安装umi的时候有一些选择 具体如下

接下来遇到的问题就是多页签,目前算是解决了一半,等解决了我再写下处理过程,原理应该是在仓库里存一个menulist,然后用一个Tabs组件渲染出来,这部分已经实现了,但实际上还是伪多页,切换页面会重新渲染,还不符合产品姐姐的要求,还得接着改呜呜呜。(或许做成一个个组件?切换即为隐藏?这样不知道行不行)效果如下

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值