zoukankan      html  css  js  c++  java
  • ReactNative安装配置

    1.安装jdk1.8,配置好path,

    1 javac,java -version

    2.安装设置Android sdk

     1     a.
     2         解压:D:wwwsdkadt-bundle-windows-x86_64-20140702
     3     b.环境变量:
     4         ANDROID_HOME: D:wwwsdkadt-bundle-windows-x86_64-20140702sdk
     5     c.PATH:
     6         %ANDROID_HOME%	ools;%ANDROID_HOME%platform-tools;
     7     d.设置SDK,进入AndroidSDK目录
     8         双击SDK Manager.exe。
     9         配置:
    10             点开SDK Manager后,点Tools->Options...,进入Android SDK Manager - Settings窗口
    11             HTTP Proxy Server:mirrors.neusoft.edu.cn  //上面代理地址之一
    12             HTTP Proxy Port:80
    13             勾选:Force https://... sources to be fetched using http://...
    14             点:close->回到原界面
    15             继续点:Packages->Reload
    16         选中以下项目:见文件夹下两张图 
    17             Android SDK Build-tools version 23.0.1 
    18             Android 6.0 (API 23) 
    19             Android Support Repository    //必须装
    20             Local Maven repository for Support Libraries 
    21         //勾上右下角Show Pacage Details->在列表中勾选
    22     Android 6.0 (Marshmallow)下
    23         Google APIs
    24         Intel x86 Atom System Image、Intel x86 Atom_64
    25         System Image
    26         Google APIs Intel x86 Atom_64 System Image
    27     点SDK Tools窗口:
    28         勾上右下角Show Pacage Details->在列表中勾选
    29         Android SDK Build Tools下:
    30             Android SDK Build-Tools 23.0.1。(必须是这个版本)
    31         Apply->安装->OK

    4.安装node(暂不能装7.1版本)
    卸载7.1,安装6.1

    5.配置npm 从镜像走
    先保存npm config:

    1 1.输入:npm config edit
    2 2.将弹出的文件另存到:e:/reactNative
    3 3.npm config --global edit //显示原始config文件
    4 npm config set registry https://registry.npm.taobao.org --global
    5 npm config set disturl https://npm.taobao.org/dist --global
    6 临时使用:
    7 npm --registry https://registry.npm.taobao.org install express //安装Express

    6.安装git客户端

    7.安装react-native命令行工具react-native-cli

    npm install -g react-native-cli

    8.创建项目
    进入你的工作目录,运行

    react-native init hello

    9.启动

    react-native start

    10.浏览器访问

    http://localhost:8081/index.android.bundle?platform=android

    11.运行模拟器
    安装bluestacks,并运行

    cmd中运行adb devices //看是否能看到设备

    12.连接真机,关闭原先react-native start窗口,另开一dos窗口,执行

    react-native run-android

    模拟器上不显示文字
    真机上正常

    谷歌浏览器中查看:

    http://localhost:8081/debugger-ui

    使用你喜欢的编辑器打开index.ios.js并随便改上几行。
    在iOS Emulator中按下⌘-R就可以刷新APP并看到你的最新修改!

    使用你喜欢的文本编辑器打开index.android.js并随便改上几行
    按两下R键,或是用Menu键(通常是F2,在Genymotion模拟器中是⌘+M)打开开发者菜单,然后选择 Reload JS 就可以看到你的最新修改。
    在终端下运行adb logcat *:S ReactNative:V ReactNativeJS:V可以看到你的应用的日志

    但通常一般第一次手机会报错
    摇一摇手机,点击Dev Settings后,点击Debug server host & port for device,设置IP和端口
    "摇一摇"这个动作在模拟器可以用ctrl+M (Menu)来调出Dev setting菜单
    设置完成后,回到空白页面,再次摇一摇手机,选择Reload JS,程序就运行起来,出现Welcome to React Native!

    //---------------模拟器红屏解决(没解决)----------------------------
    点模拟器右下角摇一摇
    点击Dev Settings后,点击Debug server host & port for device,设置IP和端口
    192.168.0.104:8081
    回到空白页面,再次摇一摇手机,选择Reload

    参考文献:http://reactnative.cn/docs/0.40/getting-started.html

  • 相关阅读:
    Spring Boot项目配置RabbitMQ集群
    rabbitMQ第二篇:java简单的实现RabbitMQ
    SpringBoot启动和停止脚步
    SpringBoot实战之SpringBoot自动配置原理
    maven profile 多环境
    Mybatis根据配置文件获取session(多数据源)
    Mybatis的mapper注册
    MyBatis SqlSessionFactory的几种常见创建方式
    Result映射成对象和List
    JAVA反射的使用之ResultSet的自动转换
  • 原文地址:https://www.cnblogs.com/yu-hailong/p/8416895.html
Copyright © 2011-2022 走看看