搭建windows+android下的react-native环
参考文章
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路径呢。所以你此时需要设置环境变量,截图如下
至此,应该是可以了,当然作为初入门的小白,肯定会遇见很多奇怪的错误,网络上也有很多不同的指令安装方法,本人会在学习过程中继续补充。