ReactNactive+Android环境搭建

一. 安装 JDK 并配置环境变量

二. 安装 Android Studio

  1. 步骤:根据 https://reactnative.cn/docs/getting-started.html 安装 Android Studio

  2. 注意事项:

      (1)Install HAXM 的安装路径为D:\Users\user\AppData\Local\Sdk\extras\intel\Hardware_Accelerated_Execution_M

anager,点击intelhaxm-android.exe进行安装。如果出现以下错误:

ReactNactive+Android环境搭建_第1张图片

      则需要打开电脑的BIOS设置,将 Virtualzation Technology for Directed I/O(VTd) 选中,再次进行安装。

    (2)配置环境变量

    ANDROID_HOME D:\User\user\AppData\Local\Android\Sdk ​ %ANDROID_HOME%\tools ​ %ANDROID_HOME%\platform-tools

ReactNactive+Android环境搭建_第2张图片

ReactNactive+Android环境搭建_第3张图片

三. 在VSCode中搭建项目

  1. 将项目fork 到自己码云的origin中。

  2. 从远程仓库复制项目地址,可以是https形式的,也可以是ssh形式的。为了每次PULL时不用反复输入账号密码时,可以配置密钥(https://www.jianshu.com/p/be7e4eb50f2f ),并选择ssh复制地址。

  3. 在工作目录打开git bash,输入:git clone 你项目的地址

  4. 在 VSCode 中集成 git bash, 点击 文件 ->首选项->设置->用户设置,加入以下代码:

    D:\Program Files\Git\bin\bash.exe 为 git bash的路径,解决了“ 运行时 bash 不是内部或外部命令,也不是可运行的程序 “的问题。

    {
        "terminal.integrated.shellArgs.windows": ["-l", "-i"],
        "terminal.integrated.shell.windows": "D:\\Program Files\\Git\\bin\\bash.exe",
        "gitlens.advanced.messages": {
            "suppressShowKeyBindingsNotice": true
        }
    }
  5. 打开 VSCode 终端(CTRL+`)

    安装依赖:

    yarn
    npm install -g yarn react-native-cli
    yarn config set registry https://registry.npm.taobao.org --global
    yarn config set disturl https://npm.taobao.org/dist --global

    运行:

    react-native run-android
    npm start

    注意事项:如果在 npm start 时出现 npm ERR 错误,则可能是 yarn 安装过程中出现了问题,此时需要重新安装 yarn。

    rm node_modules/ -rf
    yarn

    成功后,重新运行。

你可能感兴趣的:(ReactNactive+Android环境搭建)