从今天起正式开始ReactNactive的学习啦~
重新开始学习一门语言,当然需要一个适合的编译器。公司大佬给我强烈推荐了WebStorm,但是这个安装流程是在让人汗颜。
做个笔记,提醒自己。也希望能帮助到大家啊。(本文章仅适用于Windows下的Android安装)
一、搭建环境
其实所有的流程都可以参考RN中文网的教程,但是有些“坑” 大家需要注意
首先是安装Node、Python2、JDK 和 Android Studio。当然还要安装WebStorm
这里切记!!!!!Node版本一定不要安装的太高!!!(就是安装了一个14.0.0版本,导致我找bug花了两个多小时,最后还是换成11.0.0才解决)
淘宝镜像下载地址放在下面了:
Node淘宝镜像下载(记得下载msi结尾的镜像)
下载过后,一直点击下一步、下一步、下一步就完事。
Python2下载也没什么好说的,链接放下面:
Python2下载地址(切记不要下载3.0的)
JDK这个就没什么好说的了…网上教程太多了,自己去配置一下就完事了~
最后是Android studio下载,我也上传网盘了,有需要的自取:
Android studio
提取码:mdlt
后面的步骤可以参考RN官网,下面的教程接RN官网的创建新项目模块
二、运行编译
走到这一步,我默认你前面的所有步骤都完成了,包括必要插件的安装、环境变量的配置等等。
在官网上可以看出,它是推荐用Windows自带的控制台来运行的。但是还有一种方式,那就是在WebStorm的终端中运行。
- 首先我们随便创建一个项目,然后在终端中切换到文件所在位置。
- 、
之后在这里输入官网上对应的指令即可。
npx react-native init Test
yarn react-native run-android
如果你的Android模拟机能正常运行出东西,那就代表你成功了!
以后每次连接,只需要开启服务:
npm start
如果出现这个,就代表你连接模拟器成功啦!
这样你就可以尽情的开始的RN学习之旅~~~
本期的RN安装教程就到这里(花了我好长时间!!),希望对大家有些帮助~