设为首页收藏本站

react native【免费】VIP视频教程 rn开发者交流论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 11954|回复: 1035

[视频教程] 1、手把手教React Native实战之环境搭建

  [复制链接]

401

主题

762

帖子

6761

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6761
发表于 2016-6-15 22:54:44 | 显示全部楼层 |阅读模式
#1、手把手教React Native实战之环境搭建
React Native 的宗旨是,学习一次,高效编写跨平台原生应用。

加作者微信公众号(dongfangyao888)或扫描下面二维码
推送高清视频教程+语音解说+课堂笔记和源码


在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、配套视频(下载地址):
游客,如果您要查看本帖隐藏内容请回复


react native vip论坛免费发布【手把手教react native实战开发】视频教程,立志于打造全互联网最全面最详细最易懂的React Native
开发视频教程,Facebook已经在多项产品中使用了React Native,并且将持续地投入建设,让我们引领react native开发的潮流!
回复

使用道具 举报

0

主题

7

帖子

37

积分

新手上路

Rank: 1

积分
37
发表于 2016-6-16 20:06:01 | 显示全部楼层
原来笔记都发在这里了
回复 支持 反对

使用道具 举报

11

主题

114

帖子

385

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
385
发表于 2016-6-20 10:35:25 | 显示全部楼层
看视频学习学习
回复 支持 反对

使用道具 举报

1

主题

84

帖子

203

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
203
发表于 2016-6-23 09:02:40 | 显示全部楼层
学习.............
回复

使用道具 举报

0

主题

18

帖子

44

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
44
发表于 2016-6-23 10:31:44 | 显示全部楼层
学习下 -------------
回复 支持 反对

使用道具 举报

0

主题

2

帖子

6

积分

新手上路

Rank: 1

积分
6
发表于 2016-6-24 20:30:00 | 显示全部楼层
学习一下
回复

使用道具 举报

0

主题

25

帖子

100

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
100
发表于 2016-6-24 21:04:58 | 显示全部楼层
come on let me have a look
回复 支持 反对

使用道具 举报

0

主题

29

帖子

88

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
88
发表于 2016-6-25 11:32:52 | 显示全部楼层
谢谢群主分享 ,不错不错
回复 支持 反对

使用道具 举报

0

主题

1

帖子

4

积分

新手上路

Rank: 1

积分
4
发表于 2016-6-30 16:25:32 | 显示全部楼层
我想学下
回复

使用道具 举报

0

主题

1

帖子

4

积分

新手上路

Rank: 1

积分
4
发表于 2016-6-30 17:21:30 | 显示全部楼层
好东西,非常适合新手学习
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|ReactNative Inc.    

GMT+8, 2018-4-24 04:52 , Processed in 0.153436 second(s), 26 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表