react native初始化项目
打开命令行窗口,进入我们想要创建项目的父目录,输入命令:
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初始化项目的更多相关文章
- React Native初始化项目后执行react-native run-ios,构建失败
今天是肿么了......一上班创建React Native项目,react-native run-ios运行就报错,运行不了...呜呜...... 一开始以为自己react-native run-io ...
- React Native初始化项目0.47.1报错
首先看一下安卓和iOS报错: iOS终端运行报错: Xcode运行报错: 解决办法一: 将版本降到0.44.3,修改package,具体请看我的另一篇博客: http://www.cnblogs.co ...
- React Native开源项目案例
(六).React Native开源项目: 1.Pober Wong_17童鞋为gank.io做的纯React Native项目,开源地址:https://github.com/Bob1993/Rea ...
- React Native 开源项目汇总
最近闲来无事,学习了React Native开发Android APP,自我感觉RN APP的效果和Native APP比还是蛮不错,以下是找到的一些优秀源码,仅供学习参考... React Nati ...
- React Native 之 项目实战(一)
前言 本文有配套视频,可以酌情观看. 文中内容因各人理解不同,可能会有所偏差,欢迎朋友们联系我. 文中所有内容仅供学习交流之用,不可用于商业用途,如因此引起的相关法律法规责任,与我无关. 如文中内容对 ...
- React Native(ios)项目中logo,启动屏设置
由于logo和启动屏尺寸多,react native(ios)中没有命令可以自动生成各种的尺寸,所以可以使用以下办法:在ionic项目中生成(使用命令:ionic resources)后,再粘贴到re ...
- React Native开源项目如何运行(转载)
学习任何技术,最快捷的方法就是学习完基础语法,然后模仿开源项目进行学习,React Native也不例外.React Native推出了1年多了, 开源项目太多了,我们以其中一个举例子.给大家演示下如 ...
- React Native商城项目实战04 - 封装TabNavigator.Item的创建
1.Main.js /** * 主页面 */ import React, { Component } from 'react'; import { StyleSheet, Text, View, Im ...
- React Native商城项目实战02 - 主要框架部分(tabBar)
1.安装插件,cd到项目根目录下执行: $ npm i react-native-tab-navigator --save 2.主框架文件Main.js /** * 主页面 */ import Rea ...
随机推荐
- python3之模块SMTP协议客户端与email邮件MIME对象
转载自https://www.cnblogs.com/zhangxinqi/p/9113859.html 阅读目录 1.smtplib模块的常用类与方法 2.处理邮件MIME 3.实例 (1)使用HT ...
- daemon.debug hostapd: wlan0: WPA rekeying GTK
现象描述:client连接上AP后,切换接口(譬如lan口的)模式,静态地址和dhcp模式切换后,一段时间后断开连接,再也连接不上,ap侧日志如下: Wed Nov 8 14:39:31 2017 ...
- mysql的group by查询
下面是多种写法,针对使用group by后得到最新记录的测试及结果: 说明:我在测试的时候,因为我的表数据在增加,得到最新的数据可能不同 -- 1.得到每个分组中id最小的那条记录 select * ...
- MySQL - 查看慢SQL
查看MySQL是否启用了查看慢SQL的日志文件 (1) 查看慢SQL日志是否启用 mysql> show variables like 'log_slow_queries'; +-------- ...
- codecs and formats of digital media
A codec is a device or software that is used to compress or decompress a digital media file, such as ...
- Light OJ 1078
题意: 给你 N,K 输出 KKKK.....KK能整除 N, 输出 K 的个数, (最小) 基础数学, 取摸运算即可. #include<bits/stdc++.h> using nam ...
- HDU 5033
题意: 给你 N 楼房, 然后给你m个人站在这些楼房之间, 问看到天空的仰角是多少度 思路: 对于每一个人, 算出左边的凸包, 和右边的凸包, 找出最大斜率点, 算角度即可 (我在线算比较费时, 离线 ...
- 【MySql】Order By 排序
你可以使用任何字段来作为排序的条件,从而返回排序后的查询结果. 你可以设定多个字段来排序. 你可以使用 ASC 或 DESC 关键字来设置查询结果是按升序或降序排列. 默认情况下,它是按升序排列. 你 ...
- nodejs之koa-router与koa-body搭配使用
简介 koa需要搭配中间件来做接口更方便,使用Koa-body & Koa-router 使用 koa2 创建接口,处理post请求 const koa=require("koa&q ...
- ionic3 点击输入 框弹出白色遮罩 并把 界面顶到上面
这个蛋疼 问题 ,在android 上面遇到这种情况 ,键盘弹出的时候 总有一个白色的遮罩在后面出现,网上查了很久都没发现原因. 偶然发现一个方法 ,试下了下 问题解决了. 代码如下: IonicMo ...