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进行安装。如果出现以下错误:

      则需要打开电脑的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

三. 在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

    成功后,重新运行。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值