美文网首页
搭建windows+android下的react-native环

搭建windows+android下的react-native环

作者: 金田一四五 | 来源:发表于2018-04-18 14:32 被阅读0次

    参考文章

    https://www.jianshu.com/p/8b8903f29837

    首先,作为一个想学习react-native的程序员,我就默认你的电脑装有jdk,以及android studio

    第一步:

    你需要下载node.js,直接安装即可,连接如下

    https://nodejs.org/en/

    本人选择的是右边最新的那个,注意,你直接下载的版本是64位的,如果你是32位的,自己寻找需要的版本即可,截图如下,点击连接可以找到需要的版本,安装完node.js后,在控制台运行node -v可以查看版本号,返回版本号即安装成功。

    第二步:

    安装react-native 命令行工具,在控制台运行如下指令

    npm install -g react-native-cli

    第三步:

    新建一个文件夹react-native,哪个盘都可以,这个文件夹是用来放你所建的工程的。然后在控制台中利用指令进入这个文件夹,运行下列指令:

    react-native init 你所建立的工程名,如:react-native init AwesomeProject

    此时会等待一段时间,,然后工程建好会看见在这个目录下有你所建工程的名字的文件夹,这就是你所建的工程,本人所起名字为studytest

    第四步:继续利用控制台进入这个文件夹,执行指令

    react-native run-android

    即可在虚拟机或者真机运行,截图如下,就是运行成功了,就可以愉快的学习如何开发了:

    其他:

    当然,通常情况下,你会遇到一些很奇怪的报错,比如无法运行等等,如果你在其他博客看见yarn并且执行了,然后再报错的时候出现此类字样(本人遇见过,忘记截图了),建议将其uninstall,就是在控制台install的指令将install替换为uninstall ,然后再运行按照本文步骤即可。也有错误会提示你缺少sdk,没有local.properties诸如此类,这是因为你没有设置sdk的路径,android studio要运行还要设置sdk路径呢。所以你此时需要设置环境变量,截图如下

    至此,应该是可以了,当然作为初入门的小白,肯定会遇见很多奇怪的错误,网络上也有很多不同的指令安装方法,本人会在学习过程中继续补充。

    相关文章

      网友评论

          本文标题:搭建windows+android下的react-native环

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