搭建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路径呢。所以你此时需要设置环境变量,截图如下

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容