zoukankan      html  css  js  c++  java
  • 初学 React native | 环境搭建(在模拟器上运行)

    我的电脑是windows 所以就以 windows上+Android 配置React native 环境

    网上的安装教程非常多,我总结了一下,配置环境时出错原因主要是node java python c++  sdk 环境有问题,或者就是自己没有科学上网(你懂),网络有问题,导致了安装失败

    至于如何安node java python c++ react-native-cli Android  sdk 我就不那么详细的说了,我主要说下我碰见的问题,想了解具体如何解决,点击,还有

    node

    node window安装比较简单,进入官网下载,安装点击next即可,node会自动配置环境变量

    要注意的是node版本要4.1以上,公司的电脑是8,我自己的电脑是6都安装成功了

    还有一点是设置淘宝源的问题,相信玩过node的小伙伴肯定是非常清楚

    npm config set registry https://registry.npm.taobao.org --global
    npm config set disturl https://npm.taobao.org/dist --global

    python 

     python的安装比较简单,进入官网下载一定要选择python2版本,根据自己电脑的是多少位的选择,x86是32位的  x64是64位的

    安装起来也比较简单,应注意的是要配置环境变量,如何配置环境变量,飞机票

    java 

     java安装也比较简单,进入官网下载

     注意安装路径的问题,建议不要自己选择安装路径,否则会产生not find tool.jar的错误

    c++

     DEV C++即可

    react-native-cli

     npm install -g yarn react-native-cli

     检测是否安装成功  react-native -v

    sdk

    sdk是最容易出问题

    安装sdk 先要安装Android Studio

    Android Studio包含了运行和测试React Native应用所需的Android SDK和模拟器。

    Android Studio安装起来不难,唯一注意的是,不要改安装时推荐的路径,改了后要自己的

    主要是这一步,出现install type 选择cancel(取消),自己setting

    自己Configure

    这部分应该说一下:如何没有选择Android Studio 默认的路径,则Configure无法识别你自己的路径,需要自己的粘贴进去

    箭头所指就是路径 

    箭头所指下面有三个选项卡

    图片最下面有show Details(点击)

    在SDK platform 默认会勾选几个,不管默认的,自己再选一个1. Android 下面的Android SDK Platform 23

    在SDK tool 默认也会勾选几个 ,不管默认的,自己选Tools下的2. Android SDK Build-tools (23.0.1)(这个必须版本严格匹配23.0.1)  3. Android Support Repository

    只需要选这个几个就可以了 ,点击ok,会安装一会,安装完成需要配置一下环境变量

    一定是当前用户(箭头所指),而不是系统变量   确保ANDROID_HOME环境变量正确地指向了你安装的Android SDK的路径。

    然后还需要在配置一下环境变量的path

    sdk所在的路径加 tools 与 platform-tools

    C:Usershejian.tpAppDataLocalAndroidSdk ools

    C:Usershejian.tpAppDataLocalAndroidSdkplatform-tools

    所有点击确定即可。

    sdk配置是比较麻烦的,但是也不难,这个也是最容易出问题,耐心点,多碰见几次错误,就好解决了。

    模拟器或者真机

    先说真机吧。连接真机的小伙伴在配置成功Android SDK后,在任意命令行中 输入 adb  看有反应没

    如果有反应,则是下面的反应,没有就说明sdk环境有问题,检查上一步骤即可

    继续输入 adb devices

    出现下面的字符就说明正确

    测试安装

    到任意盘里面 d:
    react-native init AwesomeProject
    cd AwesomeProject
    react-native run-android

    run-android会跑很长时间,跑完

    出现这个说明就安装成功了

    模拟器的安装,推荐安装海马玩模拟器

    安装直接安装即可,安装成功后,执行下列命令

    连接安卓设备
    adb connect 127.0.0.1:26944

    在react项目文件夹中

    react-native start 

    出现以下界面表示安装成功了

     

    成功界面

     好了,这就是这次安装的介绍了。

    常见问题可点击这里

    官网教程

  • 相关阅读:
    day11_获取前一条用例的结果(用参数化实现)
    day11_获取前一条用例的结果
    codeforce 1433F
    codeforces 1428 D. Bouncing Boomerangs (贪心)
    codeforces 761C
    codeforces 839C
    codeforces 859C
    codeforces 858C Did you mean... (贪心)
    codeforces 855B
    st表
  • 原文地址:https://www.cnblogs.com/dirkhe/p/7281094.html
Copyright © 2011-2022 走看看