美文网首页
亲测Windows React Native android 开

亲测Windows React Native android 开

作者: Shark_Li | 来源:发表于2017-07-23 11:40 被阅读16次

    周末一个人在家,闲来无事,发现最近React Native(一下简称RN)好像挺热的,好多公司招聘android开发,都有对RN的要求,出于好奇想了解下RN是什么东西。官网地址https://facebook.github.io/react-native/去了解,个人觉得比较重要的特点有如下几个:
    1.仅需学习一次,编写任何平台。(Learn once, write anywhere)
    2.采用js实现跨平台
    以上是个人的简单见解,废话不多说,要想学习,首先要把开发环境搭建起来,正所谓工欲善其事必先利其器。
    第一步:RN的开发环境需要jdk,sdk,git这些个就不再赘述了,值得注意的一点是一定要设置环境变量ANDROID_HOME指向Android SDK的目录,注意目录名一定要正确且后面不能带分号,如下图

    1.JPG
    这步一定要正确不然会有如下错误,每次修改环境变量要重启cmd不然不会生效,说多了都是泪。
    第二步,安装nodejs,可以到这个网站https://nodejs.org/en/去下载安装包,傻瓜式安装,安装成功后,可以用node -v命令验证。
    第三步,配置RN的环境。这时候你可以直接执行npm install -g react-native-cli命令,不过这样的话环境就默认安装到了C盘,最好是放到一个专门的文件夹里头,便于管理。如下:cd到你想要的目录下输入命令git clone https://github.com/facebook/react-native.git,等待下载,过程较为耗时,耐心等待。
    第四步:cd到你准备放工程文件的目录执行如下命令react-native init MyFirst,MyFirst是项目名称,可以随便取,这一步也比较耗时,耐心等待。成功后cd到项目的根目录,执行如下命令:在命令行中进入项目目录,输入react-native start,等待一段时间,如下图,表示服务端已经启动成功,
    2.JPG
    解下来连上真机或者模拟器,就可以通过react-native run-android来运行app了(第一次有点慢,耐心等待),出现下图的界面,
    3.JPG ,大功告成。
    另外动动你可爱的小手,给个赞赏吧!!

    相关文章

      网友评论

          本文标题:亲测Windows React Native android 开

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