1.安装nodejs
创建一个存项目以及软件的目录pro,pro下创建dev目录,将node安装到dev目录下node目录中,图形化安装后默认会添加环境变量,可以检查一下,点开文件夹,右键此电脑-属性-高级系统设置-环境变量-系统变量-找到Path,查看有没有pro\dev\node,没有的话就将node这个目录拷贝添加到Path中,我的如下(我的目录是E:\dev_soft\node):
2.安装python 下载地址(https://www.python.org/downloads/windows/
)
找到2.7.16版本的,下载后也是图形化安装,因为react-native需要python2.X版本的,安装目录按我的放在pro\dev\python下面,同样去查看环境变量有没有添加,没有就copy路径添加到Path里面,我的如下:
3.android studio安装 地址(https://developer.android.google.cn/studio/
)
图形化安装,推荐放到pro\dev\目录下,建个目录android studio就放这下面,安装过程中碰到选项多选的全选就行了,带custom选项的就选custom,最后一个选项选第二个,最后进入如下界面:
configure里面 avd manager可以去打开一个手机模拟器
环境变量看看这张图配置吧,官网偷的
4.java jdk下载 地址(https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
)
进官网后需要先accept才能下载,下载完成后图形化安装,直接默认目录安装就行,但是先copy那个目录,或者记住,需要添加环境变量
①环境变量:
在系统变量那里新建,变量名为 JAVA_HOME,变量值为你jdk安装的目录,我的如下:
然后再新建系统变量,变量名为 CLASSPATH,变量值复制 .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
5.Yarn、React Native 的命令行工具(react-native-cli)
在终端中或者vscode终端中运行如下的命令,按我的顺序运行就好了:
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
npm install -g yarn react-native-cli
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
如果命令出错啥的,重启下vscode,这个npm就是安装node后有的,最后新建个项目看看能不能跑:
react-native init hello
init完成后出现hello文件夹,进入hello文件夹中,在终端中的命令,再运行项目:
cd hello
react-native run-android