搭建react native开发环境windows篇

1安装Windows包管理工具Chocolatey

直接用管理员身份打开cmd，输入以下内容

@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

出现以下为安装完毕

2.使用Chocolatey安装python2，node

choco install python2

choco install nodejs.install

当然没有Chocolatey也没问题，直接去python的官网和node的官网下载安装包。

3.配置Android Studio

首先要下载Android Studio，官网打开慢到死，直接去中国的网站android的中文社区。选择2.0或者3.0都可以。以及jdk文件，jdk网站。

安装完成后在主界面选择

然后出现这个界面

其中，我们安装三个必要的就行

配置好后，我们需要配置环境变量

添加Android Studio目录

添加Android SDK目录

添加两个配置

其中C:\Users\user\AppData\Local\Android\Sdk为你安装的Android Studio目录

还有一个我们下载的jdk的配置

4.安装安卓模拟器

在react native中文官网上说的是装Genymotion，这个特别麻烦需要安装VirtualBox，而且特别容易报错，这里我使用海马玩安卓模拟器。直接百度去官网点击下载安装。

5.实例app代码

1.安装react native脚手架react-native-cli

npm install -g react-native-cli

2.init项目

react-native init my_app

3.进入项目文件，打开命令行输入

react-native start

4.不要关闭3的窗口，新打开一个窗口输入以下命令

react-native run-android

第一次会超级慢，慢慢等。

出现以下证明环境没问题，运行成功

5.和海马玩建立连接

在项目更目录命令行输入以下运行

adb connect 127.0.0.1:26944，其中26944是模拟器的端口号，不同模拟器端口号不同。

6.重新 react-native start，在海马玩模拟器设置端口，在左边更多打开选择摇一摇

输入你电脑的ip，ip在cmd里输入ipconfig可以看到，端口默认是8081

接着，刷新

如果出现以下错误

这个是react native版本的bug，降级到0.55即可

npm install --save [email protected]

如果安装出错，把包文件删了重新安装

再运行react-native start，如果出现下面的问题

是在babel-preset-react-native包里的文件错误，运行以下代码

npm install --save-dev [email protected]

再运行react-native start，在海马玩刷新，如果看到

证明错误解决完毕，只需等待它编译完成。