搭建windows+android下的react-native环

2018-04-18  本文已影响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路径呢。所以你此时需要设置环境变量,截图如下

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

上一篇下一篇

猜你喜欢

热点阅读