React Native开发环境搭建-Windows平台

按React Native中文网给出的环境搭建指南操作。

安装Android Studio步骤中,提出确保以下几项选中:

  • Android SDK

  • Android SDK Platform

  • Android Virtual Device

但其实只能用默认的选项,直接Next就好。

React Native开发环境搭建-Windows平台_第1张图片

环境变量配好后,创建新项目:

React Native开发环境搭建-Windows平台_第2张图片
React Native开发环境搭建-Windows平台_第3张图片

接下来就是编译并运行React Native应用了:

React Native开发环境搭建-Windows平台_第4张图片

参考这篇文档,以管理员运行命令行窗口,并改变脚本执行策略:

React Native开发环境搭建-Windows平台_第5张图片

完了,再次执行如下命令:

yarn android
React Native开发环境搭建-Windows平台_第6张图片

报错是因为没找到模拟器,打开Android Studio,开一个空工程即可,然后下载一个模拟器:

React Native开发环境搭建-Windows平台_第7张图片

再执行就可以了:

React Native开发环境搭建-Windows平台_第8张图片

你可能感兴趣的:(Mobile,App,react,native,android,react.js)