ReactNative初学1-环境搭建

﹏ヽ暗。殇╰゛Y 2022-05-16 09:37 189阅读 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\\   
      
指令

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

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

react-native init appName --version 0.55.4 【注：--version 0.55.4 是指定版本号，不写默认最新】

需等待一段时间

To run your app on iOS:
       cd D:\Android\ReactNative\Example
       react-native run-ios
       - or -
       Open ios\Example.xcodeproj in Xcode
       Hit the Run button
    To run your app on Android:
       cd D:\Android\ReactNative\Example
       Have an Android emulator running (quickest way to get started), or a device connected
       react-native run-android

代表创建成功

确认启动好模拟器

cd D:\Android\ReactNative\Example\\进入工程下
    
    Android环境下：
        react-native run-android
    ios环境下    
        react-native run-ios

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

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

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

[GitHub]: https://github.com/2637977081/ReactNative