ReactNative初学1-环境搭建

﹏ヽ暗。殇╰゛Y 2022-05-16 09:37 359阅读 0赞

ReactNative
环境搭建
参考 rn中文网https://reactnative.cn/docs/getting-started.html
准备：Nodejs6.0【以上】、Python2【必须是2.x】、JDK1.8【必须1.8】、SDK、AndroidStudio【对工程编码、运行、修复】、git【部分工程下载需要Git支持】
说明：Nodejs相当于服务器、AndroidStudio可以提供运行环境和ADB驱动、Android虚拟机

配置环境
path下：确认jdk\bin 、jdk\jre\bin 、sdk\tools、sdk\platform-tools、git\cmd、nodejs\

指令 

  1.  安装yarn指令：
  2.     npm install -g yarn react-native-cli
  3.     yarn设置镜像源：yarn比npm加载node模块下载更迅速
  4.     yarn config set registry https://registry.npm.taobao.org --global
  5.     yarn config set disturl https://npm.taobao.org/dist --global
  6.     npm/yarn add 第三方插件【跳转Navigation、视频组件video等】

AndroidStudio需要将SDK修改为自己配置好的SDK、如果使用其它虚拟机也需要在虚拟机配置ADB为配好的SDK【使用默认SDK可能有问题】

创建新项目： 

  1.  react-native init appName --version 0.55.4 【注：--version 0.55.4 是指定版本号，不写默认最新】
  4. 需等待一段时间  
  7. To run your app on iOS:
  8.    cd D:\Android\ReactNative\Example
  9.    react-native run-ios
  10.    - or -
  11.    Open ios\Example.xcodeproj in Xcode
  12.    Hit the Run button
  13. To run your app on Android:
  14.    cd D:\Android\ReactNative\Example
  15.    Have an Android emulator running (quickest way to get started), or a device connected
  16.    react-native run-android

代表创建成功

确认启动好模拟器

  1. cd D:\Android\ReactNative\Example\\进入工程下
  3. Android环境下：
  4.     react-native run-android
  5. ios环境下    
  6.     react-native run-ios

启动工程，APP安装运行移植工程到不同环境时

  1. cat package.json//查看工程,环境,依赖版本号
  3. yarn/npm  install//运行该指令后再运行工程

个人GitHub源码，有兴趣可以看看

发表评论

表情：
评论列表 （有 0 条评论，359人围观）

还没有评论，来说两句吧...

相关阅读

    相关 ReactNative之搭建环境

    天就帮助大家想做RN开发的朋友们整理一下搭建环境的步骤， 本文是根据官方文档整理的，只是本文会讲的更俗一点。 官方文档链接： * 中文：[https://r...

    你的名字你的名字/ 0 赞/ 199 阅读