安装前提和创建项目

需要android Studio,jdk,安卓虚拟机
  1. 注意 Node 的版本应大于等于 14,安装完 Node 后建议设置 npm 镜像(淘宝源)以加速后面的过程(或使用科学上网工具)。

  2. React Native 需要 Java Development Kit [JDK] 11。你可以在命令行中输入 javac -version(请注意是 javac,不是 java)来查看你当前安装的 JDK 版本。如果版本不合要求,则可以去TemurinOracle JDK上下载(后者下载需注册登录)。

    # 使用nrm工具切换淘宝源
    npx nrm use taobao
    
    # 如果之后需要切换回官方源可使用
    npx nrm use npm
    
  3. Yarn是 Facebook 提供的替代 npm 的工具,可以加速 node 模块的下载。

  4. 安装android studio,配置环境变量,这里的ANDROID_HOME需要改为ANDROID_SDK_ROOT sdk的位置默认在下面这个图中

    在这里插入图片描述

    1. 添加环境变量到path中
      %ANDROID_SDK_ROOT%\platform-tools
      %ANDROID_SDK_ROOT%\emulator
      %ANDROID_SDK_ROOT%\tools
      %ANDROID_SDK_ROOT%\tools\bin
      
  5. android studio中需要安装虚拟机

创建项目
  1. 创建的项目下不能有中文路径
  2. 初始化项目
    npx react-native init AwesomeProject
    // 指定版本或项目模板
    // 版本号精确到两个小数点
    npx react-native init AwesomeProject --version X.XX.X
    // 模板
    npx react-native init AwesomeTSProject --template react-native-template-typescript
    
  3. 执行命令启动项目 需要使用yarn启动项目,或者在编译器中启动项目
    cd AwesomeProject
    yarn android
    # 或者
    yarn react-native run-android
    
  4. 第一次执行会下载很多内容需要等待(上次下载搞到半夜才下载完成,因为被墙了)
Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐