傻乎乎的我,稀里糊涂一次性接触除了第一个单词以外所有的新东西,感觉又新奇又压力大,偏偏我还是一个拖延症晚期患者,加油冲冲
先是搭建项目基本框架 之前只使用过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组件渲染出来,这部分已经实现了,但实际上还是伪多页,切换页面会重新渲染,还不符合产品姐姐的要求,还得接着改呜呜呜。(或许做成一个个组件?切换即为隐藏?这样不知道行不行)效果如下