美文网首页
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