打开命令行窗口,进入我们想要创建项目的父目录,输入命令:

npm install -g yarn react-native-cli

react-native init 项目名

进入新建的项目目录,执行升级命令:

cd 项目名

react-native upgrade

提示:对于Windows,如果初始化项目出错,则可以尝试删除“系统安装盘符:\Users\用户名\.node-gyp”目录,然后在执行初始化命令;如果还有错,则可以尝试删除“系统安装盘符:\Users\用户名\AppData\Roaming\npm-cache”目录,这个目录是加速缓存目录,删了不会引起任何错误,然后再重新尝试。

使用Android手机进行调试

在命令行窗口输入:"adb devices"命令,如果手机打开了调试模式,则会看到类似于如下的内容:

List of devices attached

xxxx  device

如果手机是android5.0或者以上操作系统,那么在命令行输入"adb reverse tcp:8081 tcp:8081"执行这条命令,若手机连接正常,则不会有任何显示。这条命令通过adb反向代理端口,将调试电脑的8081端口反向代理到测试机上。

若是5.0以下版本,则不需要执行上面的命令,现在需要保证手机与电脑使用同一个无线网络,在命令行窗口输入ipconfig,查看为电脑分配的网络地址并记下来。

在安装目录输入“react-native run-android”,这个命令会编译刚初始化的项目,并且将编译好的安装包安装到手机或者模拟器中,时间可能会长。

再输入react-native start命令,启动电脑上的服务环境。

如果手机系统是5.0以下,需要按menu键或者摇动手机,会在屏幕上弹出菜单,选择“Dev Settings”,在选择最下面一项“Debug server host&port for device”,在弹出的输入框中输入刚才记下的开发电脑的网络地址加上调试端口号。例如:“192.168.0.100:8081”,点确定,再点击“Reload JavaScript”;而对于5.0以上的系统,不需要这个操作,但应在准备调试前,运行“adb reverse tcp:8081 tcp:8081”

“react-native run-android”命令旨在售价没有安装项目时运行,然后就不需要在运行这个命令了,而是直接在手机界面上打开项目。

“react-native start”这个命令在每次调试时都需要运行,并且在调试中一直保持运行。

转自http://www.cnblogs.com/chhom/p/6039579.html

react native初始化项目的更多相关文章

  1. React Native初始化项目后执行react-native run-ios,构建失败

    今天是肿么了......一上班创建React Native项目,react-native run-ios运行就报错,运行不了...呜呜...... 一开始以为自己react-native run-io ...

  2. React Native初始化项目0.47.1报错

    首先看一下安卓和iOS报错: iOS终端运行报错: Xcode运行报错: 解决办法一: 将版本降到0.44.3,修改package,具体请看我的另一篇博客: http://www.cnblogs.co ...

  3. React Native开源项目案例

    (六).React Native开源项目: 1.Pober Wong_17童鞋为gank.io做的纯React Native项目,开源地址:https://github.com/Bob1993/Rea ...

  4. React Native 开源项目汇总

    最近闲来无事,学习了React Native开发Android APP,自我感觉RN APP的效果和Native APP比还是蛮不错,以下是找到的一些优秀源码,仅供学习参考... React Nati ...

  5. React Native 之 项目实战(一)

    前言 本文有配套视频,可以酌情观看. 文中内容因各人理解不同,可能会有所偏差,欢迎朋友们联系我. 文中所有内容仅供学习交流之用,不可用于商业用途,如因此引起的相关法律法规责任,与我无关. 如文中内容对 ...

  6. React Native(ios)项目中logo,启动屏设置

    由于logo和启动屏尺寸多,react native(ios)中没有命令可以自动生成各种的尺寸,所以可以使用以下办法:在ionic项目中生成(使用命令:ionic resources)后,再粘贴到re ...

  7. React Native开源项目如何运行(转载)

    学习任何技术,最快捷的方法就是学习完基础语法,然后模仿开源项目进行学习,React Native也不例外.React Native推出了1年多了, 开源项目太多了,我们以其中一个举例子.给大家演示下如 ...

  8. React Native商城项目实战04 - 封装TabNavigator.Item的创建

    1.Main.js /** * 主页面 */ import React, { Component } from 'react'; import { StyleSheet, Text, View, Im ...

  9. React Native商城项目实战02 - 主要框架部分(tabBar)

    1.安装插件,cd到项目根目录下执行: $ npm i react-native-tab-navigator --save 2.主框架文件Main.js /** * 主页面 */ import Rea ...

随机推荐

  1. 出现警告“user1 不在 sudoers 文件中。此事将被报告。”

    linux中不是每个用户都有sudo权限. 在/etc/下有个文件sudoers 由此文件可知只有用户为sudo这个组的成员之后才能执行sudo命令 此时,我们查看用户user1的属性: 由此看出us ...

  2. 2017.12.10《“剑锋OI”普及组多校联盟系列赛(14)#Sooke#Kornal 的课余时间 》分析报告

    报告内容如下 - - [导语] ------ 太晚了,时间也紧,一切尽量从简吧 PS:本文题目来自剑锋OI 所以废话也不多说,进入正题吧,代码直接跟在题目后边儿,主要分析在代码前,次要的就写在代码后面 ...

  3. GNU Wget 1.19.1 static built on mingw32

    http://pan.baidu.com/s/1sluFAVj #wget --version GNU Wget 1.19.1 built on mingw32. -cares +digest -gp ...

  4. MSSQL—行转列

    行转列,是SQL中经常会遇到的一个问题,并且分为静态转换和动态转换,所谓静态转换即在转换的行数已知或固定:动态转换则为转换的行数不固定. 转换的方法一般采用case when语句或pivot(MSSQ ...

  5. 安装snap及snap常安装软件

    文章链接:https://blog.csdn.net/laomd/article/details/80710451 一.snap简介 什么是snap,snap是一种全新的软件包管理方式,它类似一个容器 ...

  6. auth模块(登录验证)

    settings:'django.contrib.auth.middleware.AuthenticationMiddleware',#这个是认证的中间件,认证成功的话,就可以把这个用户user封装到 ...

  7. 15)django-ORM(多对多关系)

    django ORM多对多关系使用 一:多对多关系创建 多对多关系创建:分为两种情况,手动创建和django自动创建 1)手动创建:自定义关系表 通过自定义表,通过models.ForeignKey创 ...

  8. maven install 报错 No compiler is provided in this environment. Perhaps you are running on a JRE rather than a JDK?

    1.控制台打印信息 [INFO] Scanning for projects... [INFO] [INFO] ---------------------< org.cqupt.mauger:R ...

  9. sublime c++

    install: sudo add-apt-repository ppa:webupd8team/sublime-text-3   sudo apt-get update sudo apt-get i ...

  10. 初识ActiveMQ

    消息中间件的初步认识 什么是消息中间件? 消息中间件是利用高效可靠的消息传递机制进行平台无关的数据交流,并基于数据通信来进行分布式系统的集成.通过提供消息传递和消息排队模型,可以在分布式架构下扩展进程 ...