ReactNative在window下的环境搭建（二）：创建新项目

React Native创建一个新项目&＃xff1a;

会在相应目录下创建一个TestAndroidApp的项目

这时使用编辑器打开新建项目&＃xff0c;我使用的webstrom打开

这时会想&＃xff0c;环境搭建好了&＃xff0c;项目也创建完了&＃xff0c;如何运行起来呢

第一&＃xff1a;打开Android Studio&＃xff0c;选择Open an existing Android Studio project打开已创建的项目

打开项目后选中Android目录&＃xff0c;使用的Android环境&＃xff0c;只需加载Android目录就好

Android Studio的工具栏中&＃xff0c;会看到编辑按钮灰色&＃xff0c;应该是SDK没有安装好&＃xff0c;要重新安装SDK&＃xff0c;安装好后&＃xff0c;会默认右边app的显示

然后可以使用Android模拟器&＃xff0c;AVD (Android Virtual Device) Manager。首次打开应该没有模拟器配置&＃xff0c;要先配置一个模拟器。点击Create Virtual Device按钮。

选择好对应的设备后&＃xff0c;点击下一步

安装好后&＃xff0c;就不会提示A system image must be selected to continue.

在SDK中对应的版本中选中

一切安装好后&＃xff0c;再点击AVD Manager会看到模拟设备的选择&＃xff0c;然后点击运行就可以看到一个手机模拟器显示

当看到一个手机模拟器是&＃xff0c;就需要编译android程序&＃xff0c;来安装到模拟器中。

点击新建的APP&＃xff0c;如果看到的时一片红色如下图&＃xff0c;要Hot loading isn&＃39;t working because it cannot connect to the developemnt server. 也就是说没有启动服务程序。

这是要启动webstrom中的项目&＃xff0c;端口默认是8081&＃xff0c;留意端口被占用的情况。

启动成功后&＃xff0c;在模拟器中&＃xff0c;使用Ctrl&＃43;M&＃xff0c;弹窗操作菜单类似真机上摇一摇弹出的菜单&＃xff0c;选择reload重新加载&＃xff0c;如果还是异常&＃xff0c;查看是否连接到指定ip和端口