《ReactNative入坑记录（二）ReactNative项目的创建、运行及调试（Android为例）》

《ReactNative入坑记录（二）ReactNative项目的创建、运行及调试（Android为例）》

1.ReactNative项目的创建

①管理员身份运行命令行cd到要存储项目的路径下，输入react-native init DemoProject 时间会比较长大概几分钟的样子。

②项目创建好之后需要开启reactnative服务，命令行进入项目目录，执行react-native start

③创建完成后可看到工程目录如下

2.ReactNative项目的运行

（1）运行自己创建的RN项目

①使用Android Studio导入DemoProject/android项目。
②打开项目名称\android\app\src\main文件夹
③创建文件夹assets
④打开命令行输入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/
⑤点击run运行（手机和电脑处于同一局域网内）

（2）运行别人的项目

在网上下载别人的项目后，内部是缺失依赖文件的，因为依赖文件太过巨大，开发者是不愿意上传的。处理方法如下
①打开命令行cd到工程目录，输入npm install
②当完成后工程目录中出现node_modules文件夹表示依赖添加完成
③使用Android Studio导入DemoProject/android项目。
④打开项目名称\android\app\src\main文件夹
⑤创建文件夹assets
⑥打开命令行输入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/
⑦点击run运行（手机和电脑处于同一局域网内）

3.ReactNative项目的调试

①在移动设备上点击“设置”设置应用权限里开启悬浮窗权限（很重要）。

②摇晃手机就会出现调试界面
③点击DevSettings——>点击Debug server host & port for device——>输入你的IP地址+8081端口

④出现如下界面表示已经运行成功。