我们的环境配置成功以后创建新的项目
//创建 项目名称 BasePJ
react-native init BasePJ
![](https://img.haomeiwen.com/i2342397/09bf6b2dfd12c26e.png)
//找到这个创建的工程文件
/Users/apple/BasePJ/react-native run-ios
![](https://img.haomeiwen.com/i2342397/7c0c225182be14c8.png)
//运行
目录和文件说明:
android目录是Android项目的目录,里面有Android Studio项目环境文件。
ios目录是iOS项目目录,是XCode项目环境文件。
index.android.js是Android入口文件。
index.ios.js是iOS入口文件。
node_modules是项目的依赖包,基于node文件依赖系统产生的,该目录中有react-native相关的依赖和其他的第三方lib
package.json是项目依赖包的说明文件,列举了依赖的包以及版本号等等信息。
iOS方法:
通过命令执行
react-native run-ios
// 注:该过程会自动打开命令行执行react-native start(获取jsbundle包的服务器)
或通过XCode执行
双击ios目录中的`.Xcodeproj`文件,在打开Xcode开发环境之后,点击Xcode的`Run`即可。
Android方法:
// 第一步,开启安卓模拟器,使模拟器成为可用状态,或者连接真机,注意真机需要设置成调试模式。
adb devices
// 上述会列出当前可以使用的设备,如果列表为空,则后续的无法运行。
// 第二步,开启一个命令行控制台,进入项目目录
react-native start
// 上述命令是开启jsbundle服务器,用于测试设备上Reload JS的服务器。
// 第三步, 再开启一个新的命令行控制台,进入项目目录
react-native run-android
注意:
运行编译时遇到的问题
网友评论