Windows环境搭建

1.安装nodejs

image.png

创建一个存项目以及软件的目录pro，pro下创建dev目录，将node安装到dev目录下node目录中，图形化安装后默认会添加环境变量，可以检查一下，点开文件夹，右键此电脑-属性-高级系统设置-环境变量-系统变量-找到Path，查看有没有pro\dev\node,没有的话就将node这个目录拷贝添加到Path中，我的如下(我的目录是E:\dev_soft\node)：

image.png

2.安装python 下载地址（https://www.python.org/downloads/windows/

）

image.png
image.png

找到2.7.16版本的，下载后也是图形化安装，因为react-native需要python2.X版本的，安装目录按我的放在pro\dev\python下面，同样去查看环境变量有没有添加，没有就copy路径添加到Path里面，我的如下:

image.png
image.png

3.android studio安装 地址(https://developer.android.google.cn/studio/

)
图形化安装，推荐放到pro\dev\目录下，建个目录android studio就放这下面，安装过程中碰到选项多选的全选就行了，带custom选项的就选custom，最后一个选项选第二个，最后进入如下界面：

image.png

configure里面 avd manager可以去打开一个手机模拟器
环境变量看看这张图配置吧，官网偷的

image.png

4.java jdk下载 地址(https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

)
进官网后需要先accept才能下载，下载完成后图形化安装，直接默认目录安装就行，但是先copy那个目录，或者记住，需要添加环境变量

image.png

①环境变量：
在系统变量那里新建，变量名为 JAVA_HOME，变量值为你jdk安装的目录，我的如下：

image.png

然后再新建系统变量，变量名为 CLASSPATH，变量值复制 .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

image.png

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