• ReactNative-----环境搭建二(android)


    一.初始化一个ReactNative项目

    • 在指定目录运行命令:react-native init Vince(项目名称)  //其过程就是在使用CLI工具构建项目,
      • 命令行代码
        • F:React>react-native init Vince
          This will walk you through creating a new React Native project in F:ReactVince
          Installing react-native package from npm...
          Setting up new React Native app in F:ReactVince
          react@15.0.2 node_modules
          eact
          ├── object-assign@4.1.0
          ├── loose-envify@1.2.0 (js-tokens@1.0.3)
          └── fbjs@0.8.2 (ua-parser-js@0.7.10, promise@7.1.1, isomorphic-fetch@2.2.1, core-js@1.2.6)
          To run your app on iOS:
             cd F:ReactVince
             react-native run-ios
             - or -
             Open F:ReactVinceiosVince.xcodeproj in Xcode
             Hit the Run button
          To run your app on Android:
             Have an Android emulator running (quickest way to get started), or a device connected
             cd F:ReactVince
             react-native run-android
      • 创建完的项目目录结构为:
        • image
    • 在模拟器端运行
      • 使用AndroidStudio运行创建模拟器,并运行
      • 项目目录下运行命令react-native run-android
      • image模拟器中出现如下界面,则代表构建项目成功
  • 相关阅读:
    第十一周编程总结
    第十一周助教总结
    第十周编程总结
    第十周学习总结
    第十周助教总结
    第九周学习总结
    第九周编程总结
    第九周助教总结
    第八周学习总结
    第八周编程总结
  • 原文地址:https://www.cnblogs.com/winyou/p/5530305.html
Copyright © 2020-2023  润新知