美文网首页
3.RN新项目的创建和运行时的几个常见错误问题

3.RN新项目的创建和运行时的几个常见错误问题

作者: abcdef沧海 | 来源:发表于2017-03-14 22:57 被阅读134次

我们的环境配置成功以后创建新的项目

//创建 项目名称 BasePJ
react-native init BasePJ


//找到这个创建的工程文件
/Users/apple/BasePJ/react-native run-ios

//运行

目录和文件说明:

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

注意:
运行编译时遇到的问题

相关文章

网友评论

      本文标题:3.RN新项目的创建和运行时的几个常见错误问题

      本文链接:https://www.haomeiwen.com/subject/bjsknttx.html