windows下的react-native 开发环境搭建
2018-02-21 19:46
351 查看
本教程用安卓手机作为演示。
首先安装jdk。本教程基于jdk1.8,安装时有一点要特别注意:jdk和jre必须装到不同目录下,否则初始化react-native项目时大概率报tools.jar not found exception。
具体流程:先安装jdk到默认目录,第二次弹出选择路径对话框的时候先到jdk目录下删除jre文件夹,再安装jre到不同目录。
最后确认jdk和jre的环境变量配置:
完成后cnpm安装react-native-cli和yarn。
安装完毕后在项目目录下按住shift右键,选择打开命令行,运行
react-native init YourProjectName
完成后cd到YourProjectName目录下,连接手机并打开usb调试模式,使用adb确认连接状态完毕后,命令行运行
react-native run-android
手机上出现react-native的helloworld程序则表示环境搭建完成。[/code]
相关文章推荐
- React Native Windows下搭建React Native开发环境
- 在Windows下搭建React Native Android开发环境常见问题
- Windows搭建React-native开发环境
- 一步一步在 Windows下搭建 React Native Android 开发环境
- Windows上搭建React-Native开发环境
- 在 windows 开发 reactNative 的环境 搭建过程 react-native-android
- 最完整的Windows下React Native开发环境搭建与第一个程序HelloWorld
- ReactNative Windows Android开发环境搭建
- React Native Windows Android开发环境搭建
- react-native —— 在Windows下搭建React Native Android开发环境
- Windows下React Native开发01 -- Android开发环境搭建
- Windows环境下Android的ReactNative开发环境搭建
- React-Native搭建开发环境-Android-Windows
- 在Windows平台搭建ReactNative全套开发环境
- Windows下React Native Android开发环境的搭建
- React Native开发环境搭建中的各种坑-Windows
- Windows系统下React Native开发环境搭建