• 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

  • 相关阅读:
    HDU 5486 Difference of Clustering 图论
    HDU 5481 Desiderium 动态规划
    hdu 5480 Conturbatio 线段树 单点更新,区间查询最小值
    HDU 5478 Can you find it 随机化 数学
    HDU 5477 A Sweet Journey 水题
    HDU 5476 Explore Track of Point 数学平几
    HDU 5475 An easy problem 线段树
    ZOJ 3829 Known Notation 贪心
    ZOJ 3827 Information Entropy 水题
    zoj 3823 Excavator Contest 构造
  • 原文地址:https://www.cnblogs.com/yu-hailong/p/8416895.html
Copyright © 2020-2023  润新知