zoukankan      html  css  js  c++  java
  • 1、手把手教React Native实战之环境搭建

     React Native 的宗旨是,学习一次,高效编写跨平台原生应用。

    在Windows下搭建React Native Android开发环境

    1.安装jdk

    2.安装sdk
     
     在墙的环境下,为了速度我选择了使用http://androiddevtools.cn/

    3.安装C++环境

    择Windows SDK、cygwin或mingw等其他C++环境。编译node.js的C++模块时需要用到。

    4.安装Node.js与Git

    Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统

     [点击下载msysgit](https://git-for-windows.github.io/)

    建议设置npm镜像以加速后面的过程(或使用科学上网工具)。

    设置全局使用指定的镜像

    npm config set registry https://registry.npm.taobao.org

    npm config set disturl https://npm.taobao.org/dist

    5.安装React Native命令行工具

    github下载

    npm install -g react-native-cli

    6.创建项目

    react-native init DongFang

    7.运行packager  进入工程目录

    react-native start

    可以用浏览器访问http://localhost:8081/index.android.bundle?platform=android看看是否可以看到打包后的脚本

    8.准备模拟器或真机 运行android

    react-native run-android

    问题:找不到sdk  或者 无法正常化 sdk路径  解决办法:环境变量

    问题:failed to find target with hash string 'android-23' in: F:Android_SDK    解决版本:更新23版本的sdk

    问题:build成功后是红色的:没有连接服务器js Server
    解决方法:ip地址+8081端口  例子:192.168.1.100:8081

    9.调试app
      菜单  reload js

    ##1、配套视频(下载地址):https://yunpan.cn/cY4JtUGe5X5NW  访问密码 91a6 或 http://vdisk.weibo.com/s/aLDC43gEH4w_e

  • 相关阅读:
    工业大数据的理论体系
    我的偶像王坚博士,一位执着的学者!
    云计算遇上区块链,会产生怎样的能量和火花?
    管好超时才能做好异步
    “AliOS之父”——阿里巴巴王坚博士
    Centos7开放及查看端口
    直连不同网段
    实施:帧中继
    网线标准
    以太网的帧结构
  • 原文地址:https://www.cnblogs.com/dfy888/p/5329789.html
Copyright © 2011-2022 走看看