第一节 搭建开发环境

# 安装要点:

1. 严格按照官方文档:https://facebook.github.io/react-native/docs/android-setup.html
2. 遇到问题首先在项目git issue里寻找答案。
3. 模拟器:仅安装genymotion模拟器,不需要尝试谷歌自带的,或微软的模拟器,那种速度会非常痛苦。

# 系统准备:
1、系统环境:
C:\WINDOWS\system32>git --version
git version 2.6.4.windows.1

C:\WINDOWS\system32>node -v
v5.4.0

C:\WINDOWS\system32>npm -v
3.3.12

D:\note>react-native --version
react-native-cli: 0.1.10
react-native: 0.21.0
这里注意npm3,以前所有的npm依赖,是目录嵌套目录,现在是平行放在同一个目录下。安装react-native-cli的时候,
版本3是必要的。
非必需:安装了vs2015社区版,注意勾选c++相关模块,有些C++模块可藉此编译。

# 安装jdk(国内正常访问)
http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html
Java Platform, Standard Edition这一节,点击jdk download按钮
在Java SE Development Kit 8u66这一节中,先accept它的协议
因为使用win10,windows x64版本,下载后正常安装。
然后:
1、增加环境变量:
JAVA_HOME,其值为jdk的安装路径:C:\Program Files\Java\jdk1.8.0_66

2、确保Path里有jdk的bin目录
C:\Program Files\Java\jdk1.8.0_66\bin

# 安装android sdk管理工具(国内网站替代)
##安装:
下载sdk manager,这里都选择x64版本,http://androiddevtools.cn/ 在主菜单的android sdk tools中选择sdk tools:
选择Windows installer_r24.3.4-windows.exe
安装完毕后执行sdk manager,要更新的话,科学上网,或者使用淘宝、腾讯的镜像。
将SDK的platform-tools子目录加入系统PATH环境变量。

## 更新android sdk(科学上网)
Define the ANDROID_HOME environment variable 然后重启
值为:C:\Program Files (x86)\Android\android-sdk
这里要严格按照官方文档,该安装的都要安装,没勾的不要安装,注意版本号要一致。

# 安装react-native-cli
npm install -g react-native-cli
这是react native的命令行工具

# 安装react native
执行:
D:\>react-native init note
这个过程很漫长,因为此时才会下载react-native包。
要注意react native包不要全局安装,首次init项目后,会缓存react-native,下次就很快乐。
同时要注意国内的npm源不可用,为了速度快些,可以将https源改为http源
npm config set registry "https://registry.npmjs.org"
初始化项目完毕后,在模拟器成功运行,才意味着安装成功:
1、打开genymotion
2、启动一个模拟器:这里注意,通过模拟器的手机操作,打开wifi并连接上面唯一的热点。
3、开两个命令窗口:
第一个运行:npm start,启动服务,保持监控状态
第二个运行:react-native run-android
在项目运行后修改代码,在模拟器上,右下角找到menu图标,选择ReloadJs即可,不需要每次执行上述步骤。

#遇到的问题
## 问题1:模拟器不能连接
使用模拟器的手机设置功能,打开wifi,连上唯一的热点。
其它不用额外设置。
## 问题2:运行时出错:
原因是使用了国内npm源,改FQ重新init项目,结果正常。

#使用Visual Studio Code

安装了react native支持模块后,按Ctrl+shift+p,输入R
react native:start package 作用等同npm start
react native:run android 等同react-native run-anroid.

时间: 2024-11-19 13:53:55

第一节 搭建开发环境的相关文章

Android学习笔记—第一章 搭建开发环境

第一章 Android开发环境搭建 开发工具:adt-bundle-windows http://pan.baidu.com/s/1wIgFW 配置环境变量 D:\Program Files (x86)\Android\adt-bundle-windows-x86-20131030\sdk\platform-tools 以上是sdk\platform-tools的路径,根据个人电脑上安装路径不同而定.配置好环境变量后,可输入adb命令进行测试. 常用abd命令 (1)查看当前正在运行的模拟器信息

【php增删改查实例】第一节 - PHP开发环境配置

最近需要使用PHP,于是把平时的积累整理一下,就有了这个教程. 首先是环境配置: 1.操作系统:windos7 2.后台:PHP 3.前台:Html + js + css 4.数据库:MYSQL 5.开发环境:XAMPP 1.安装XAMPP XAMPP是目前最流行的PHP开发环境. XAMPP是完全免费且易于安装的Apache发行版,其中包含Apache.MariaDB.PHP和Perl. 百度搜索xampp,找到一个能下载的地方,下载下来. 双击安装,下一步,下一步,反正一直下一步就对了. 安

3、Cocos2dx 3.0游戏开发找小三之搭建开发环境

尊重开发人员的劳动成果.转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/27107295 搭建开发环境 使用 Cocos2d-x 的一个非常大便利之处在于,我们能够在 PC 或 Mac 环境下完毕编码和大部分的调试,然后再迁移到其它设备 上做实际环境測试.这意味着我们能够在 PC 上开发游戏.然后以极其低廉的成本把游戏迁移到 iOS 或其它平台上,从而节 省了开发阶段支付在设备方面的很多费用. 前面提到,Cocos2d-x

Win10 IoT C#开发 1 - Raspberry安装IoT系统及搭建开发环境

原文:Win10 IoT C#开发 1 - Raspberry安装IoT系统及搭建开发环境 Windows 10 IoT Core 是微软针对物联网市场的一个重要产品,与以往的Windows版本不同,是为物联网设备专门设计的,硬件也不仅仅限于x86架构,同时可以在ARM架构上运行. The Raspberry Pi Foundation 是英国一个致力于科技推广的慈善组织,为广发爱好者和DIY科技迷开发了搭载ARM架构处理器的 mini 电脑 Raspberry Pi 并获得了成功.而微软最新发

深入浅出Docker(五):基于Fig搭建开发环境

概述 在搭建开发环境时,我们都希望搭建过程能够简单,并且一劳永逸,其他的同事可以复用已经搭建好的开发环境以节省开发时间.而在搭建开发环境时,我们经常会被复杂的配置以及重复的下载安装所困扰.在Docker技术未出现之前,我们可以使用Pupet.Chef.Ansible等配置管理工具把复杂的配置管理起来,这样的管理配置技术仍然是目前比较流行的方式之一.配置管理工具使用的都是自己的DSL语法定义,考虑到环境的复杂性,配置一套通用的开发环境需要针对各个系统定制,对于大部分开发环境这种维护成本仍然是很高的

Android开发系列之搭建开发环境

接触Android好久了,记得09年刚在中国大陆有点苗头的时候,我就知道了google有个Android,它是智能机操作系统.后来在Android出1.5版本之后,我第一时间下载了eclipse开发工具.adt以及android sdk,体验了一把android开发,记得当时搭建开发环境相当麻烦.由于android开发是基于Java的,所以除了上述的工具之外,首先需要安装jdk,记得当时流行的是jdk1.5(后来是1.6,现在是1.7,未来是1.8),安装好之后需要设置环境变量. 时隔4年之后,

C#程序员学习Android开发系列之搭建开发环境

接触Android好久了,记得09年刚在中国大陆有点苗头的时候,我就知道了google有个Android,它是智能机操作系统.后来在Android出1.5版本之后,我第一时间下载了eclipse开发工具.adt以及android sdk,体验了一把android开发,记得当时搭建开发环境相当麻烦.由于android开发是基于Java的,所以除了上述的工具之外,首先需要安装jdk,记得当时流行的是jdk1.5(后来是1.6,现在是1.7,未来是1.8),安装好之后需要设置环境变量. 时隔4年之后,

Sublime Text3 + Golang搭建开发环境

Sublime Text3 + Golang搭建开发环境 http://blog.csdn.net/aqiang912/article/details/46775409 1.安装git 因为golang是通过git来管理远程包的,所以我们首先要安装git,下载地址:http://www.git-scm.com/download/. git安装比较简单,直接下一步即可(在Windows Explorer integration选项中将“Git Bash here”和“Git GUI here”打对

mongodb学习(搭建开发环境+简单入门)

接下来这段时间,我将会学习mongodb,由浅入深,并且将学习的过程会详细记录下来.mongodb是什么?我想这一点不需要我过多的解释.好了,废话不多说,我们直奔主题,看看mongodb开发环境的搭建.说明一点,在学习mongodb期间,我的所有 操作都是在windows下完成的.下面我带大家一步一步学习windows下mongodb开发环境的搭建 下载mongodb 首先我们需要到mongodb的官网下载mongodb. http://www.mongodb.org/downloads 新建一