东方耀 发表于 2016-6-15 22:54:44

1、手把手教React Native实战之环境搭建

#1、手把手教React Native实战之环境搭建
React Native 的宗旨是,学习一次,高效编写跨平台原生应用。

加作者微信公众号(dongfangyao888)或扫描下面二维码
推送高清视频教程+语音解说+课堂笔记和源码
http://www.reactnative.vip.img.800cdn.com/img/dongfangyao888.jpg

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

1.安装jdk

2.安装sdk

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

3.安装C++环境

一定要安装python与C++环境【根据这个帖子来】:Windows环境下React Native环境配置详解!!!http://www.reactnative.vip/thread-243-1-1.html【东方耀强烈推荐】

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

4.安装Node.js与Git

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

下载msysgithttps://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、配套视频(下载地址):**** Hidden Message *****

lechenging 发表于 2016-6-16 20:06:01

原来笔记都发在这里了

daojj 发表于 2016-6-20 10:35:25

看视频学习学习

dq0709 发表于 2016-6-23 09:02:40

学习.............

UNIVERSE 发表于 2016-6-23 10:31:44

学习下 -------------

sxm5220 发表于 2016-6-24 20:30:00

学习一下

libchaos 发表于 2016-6-24 21:04:58

come on let me have a look

天龙 发表于 2016-6-25 11:32:52

谢谢群主分享 ,不错不错

灰灰 发表于 2016-6-30 16:25:32

我想学下

lusito 发表于 2016-6-30 17:21:30

好东西,非常适合新手学习
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 1、手把手教React Native实战之环境搭建