React-Native 环境搭建

1、安装Android开发环境(JDK、Android Studio)

2、下载并安装nodejs,下载官网:https://nodejs.org/en/

3、安装react-native命令,在命令行中执行“npm install -g react-native-cli”进行安装,需要等待一段时间

4、执行命令下载一个初始化项目(项目在GitHub上):react-native init <项目名称>

5、运行项目并安装到Android设备上(命令行):react-native run-android

6、WebStorm本身支持React-Native,新建项目后->运行->命令行运行react-native run-android

7、浏览器上调试
安装Chrome浏览器的插件:React Developer Tools
chrome://inspect/#devices
http://localhost:8081/debugger-ui/ 同时按下F12
晃动手机,选择 Remote JS Debugging

/////// 报错处理 ////////////
1、运行时出现错误Unable to load script from assets 'index.android.bundle'...时处理如下(命令行执行):
react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res && react-native run-android

你可能感兴趣的:(React-Native 环境搭建)