美文网首页
今天,拿起了react的武器(一)~

今天,拿起了react的武器(一)~

作者: 旋风_陀螺妞 | 来源:发表于2020-03-13 11:13 被阅读0次

    话说,技多不压身,为了生存,为了不被淘汰,决定再学一门前端的技术。

    既然这么说肯定是从零开始咯,想想有点激动哦~

    好像无论写哪门技术,跟谁学,最常用的最简单的最重要的就是看官方技术文档,每每到这个时候,就会想到上学时期看书背课文,永远看的都是书本的前些页,不是不愿往下继续,是习惯而已,总感觉无论到什么时候从什么时候开始都应该从头开始,这好像成了一种惯性思维,没有自制力的人的一种思维,然后就是这本书永远看不完,看不到最后。。。。but 技术文档还是要看的,要不然怎么使用这个武器呢?@_@

    在这里:

    教程:https://react.docschina.org/tutorial/tutorial.html?no-cache=1

    文档:https://react.docschina.org/docs/getting-started.html

    这里还有两个哦:

    文档:http://caibaojian.com/react/

    教程:https://www.runoob.com/react/react-tutorial.html

    之前我对react的了解就是他是用原生js实现的页面,想到这里,就望而却步了,因为对于原生js还是有一丢丢心虚的,啊哈哈,然而今天,我决定正面面对它~come on !来吧!!!!

    想要实现我们最常见的hello ,首先必不可少的就是环境的搭建,哦买噶

    一、搭建本地环境

    首先确认本地是否安装node ,检查一下咯 node -v

    node 版本检查

    发现咯,我的是v8.11.2版本,好像要版本较高一点的,估计得8以上

    如果没有安装,请在node官网下载安装,若已安装,并版本可行,可继续下一步

    下一步,创建项目  npx create-react-app my-app  (一步到位,这个过程比较漫长,因为它会先安装creatw-react-app ,然后创建)

    等待创建成功。。。。。好慢哦,网呢 /dog

    创建成功,进入my-app文件,cd my-app

    启动项目 npm start

    启动成功

    直接访问即可

    成功界面

    下面就可以继续我们自己的实例操作咯~好激动,嘻嘻😁

    环境搭建还算比较顺利的,因为它可能和angular vue的框架环境的搭建类似,所以不怕,可劲操作,哈哈,那么希望接下来的实际操作也会变得简单~~~*(^-^)*

    相关文章

      网友评论

          本文标题:今天,拿起了react的武器(一)~

          本文链接:https://www.haomeiwen.com/subject/nckmfftx.html