react-natve,Windows系统下配置(解决大部分BUG)

题外:最近沉迷于手机端开发,对于js调用原生颇感兴趣,体验过Apache的cordova后 ,又对 Facebook的react-native引起了兴趣,故此配置过程发一波,因为配置确实是问题百出,让人痛不欲生,希望自己的经历能对大家有些帮助。

开始:

一、首先安装最新的 node

官网:https://nodejs.org/en/

二、安装Android SDK,并配置好环境变量。

过程略,百度全是,随便搜,必备SDK如图,版本自行匹配。

三、开始配置react-native

cmd 命令窗口下运行:

npm install -g react-native-cli

等待完成,即可。

安装完成后,就可以创建 react-native项目了。
react-native init Test

Test是项目名,命令窗口所在路径就是项目路径。 我习惯放在根目录上所以项目所在(D:/Test)需要等待很长一段时间。几百MB的文件。(PS:过程中安装失败过,如果反复安装失败,重启下电脑再试)

这时候我们输入:

cd Test

进入项目路径,到这里暂停下,使用模拟器。

四、模拟器调试

这里使用官方推荐的Menymotion 模拟器

官网:https://www.genymotion.com/download

PS:需要注册一个账号后 下载,以及安装后登录用。

选择143.44mb这个下载,安装。

+Add 添加一个模拟器。

选择你的版本匹配的模拟器。启动

OK

这时候新打开一个cmd命令窗口运行 react-native 需要的js server

cd 进入项目所在路径,输入:

react-native start

不用关,等待启动完成即可

回到之前的cmd命令窗口,输入:

react-native run-android

就会自动在模拟器上运行,如果没有运行 输入: (adb devices)检查是否有设备。

五、模拟器操作

这时候屏幕是一片红,不用怕,正常。

首先打开模拟器的wifi,连接上。

然后按 menu 健,选择 Dev Settings

点击 Debugger server host & port for device

输入你的PC电脑IP,比如 :192.168.X.X:8081

PS:一定要输入端口号!

ok!然后 点击返回,按menu 健 点击 reload js 就会开始加载。

PS: 这里要关注一下js server 的 命令窗口,里面显示安装进度,如果安装到 99%失败 error了,请根据报错路径提示,删除路径下的.babelrc 文件 重新点击 reload js 即可。

OK!之后可以参考官方demo进行开发测试了

时间: 2025-01-06 16:32:59

react-natve,Windows系统下配置(解决大部分BUG)的相关文章

Windows系统下配置Git

时间:2014.08.01 地点:基地 ------------------------------------------------------------------------------------- 一.下载安装 1.官网下载Windows版的Git安装包: 2.安装过程中部分设置如下: 3.其它的默认即可,直至Finish --------------------------------------------------------------------------------

在windows系统下配置phpstorm下的ideavim

ideavim介绍中说如果需要配置该插件可以通过  ~/.ideavimrc ~/ 目录是类unix系统下用户的根目录 在windows系统中将.ideavimrc文件放置在如下目录 C:\Users\你的用户名\ windows系统中无法创建以 . 开头的文件,可以在记事本中通过另存为的方式创建 我的.ideavimrc内容为: " 高亮搜索 set hlsearch " 关闭各种按键叮叮声音和闪屏 set vb t_vb= au GuiEnter * set t_vb= 其它的vi

windows系统下配置Nginx反向代理多tomcat共享session

nginx.tomcat下载安装本篇不提了,直接说步骤: 1 配置nginx配置文件: nginx下conf文件夹中的nginx.conf 添加下面代码, upstream web_apps{ server 127.0.0.1:8080 weight=1; server 127.0.0.1:8989 weight=1; } server { listen 80; server_name localhost 127.0.0.1; proxy_set_header Host $host; proxy

Windows 系统下配置python环境变量

在Dos中,输入 set path=%path%;C:\python36 ,其中红字部分为python的安装路径

windows系统下简单nodejs安装及环境配置

相信对于很多关注javascript发展的同学来说,nodejs已经不是一个陌生的词眼,这里不想谈太多的nodejs的相关信息.只说一下,windows系统下简单nodejs环境配置 相信对于很多关注javascript发展的同学来说,nodejs已经不是一个陌生的词眼.有关nodejs的相关资料网上已经铺天盖地.由于它的高并发特性,造就了其特殊的应用地位. 国内目前关注最高,维护最好的一个关于nodejs的网站应该是http://www.cnodejs.org/  这里不想谈太多的nodejs

windows系统下简单nodej.s环境配置 安装

国内目前关注最高,维护最好的一个关于nodejs的网站应该是http://www.cnodejs.org/ windows系统下简单nodejs环境配置. 第一步:下载安装文件 下载地址:官网 https://nodejs.org/en/download/   这里用的是  第二步:安装nodejs 下载完成之后,双击 node-v6.9.1-x64.msi,开始安装nodejs,默认是安装在C:\Program Files\nodejs下面 第三步:安装相关环境 打开C:\Program Fi

32位win7系统下配置IIS遇到php-cgi.exe - FastCGI 进程意外退出问题的解决办法

今天重装了一下系统,是32位的WIN7,装完系统后想把IIS装回来,因为有时候需要用到笔记本处理一些事情,结果WEB服务器正常了,但IIS的FASTCGI模块始终不能解析PHP,一直报php-cgi.exe - FastCGI 进程意外退出的错误,于是上网找了一下解决办法,将解决过程写下来,以备忘: 解决的思路很简单,既然是不能解析PHP,那就直接运行一下PHP,看会报什么错,再对症下药,于是,在命令提示符窗口进入php安装的根目录,然后运行php -v的命令,这时窗口弹出计算机丢失msvcr1

Windows系统下nodejs安装及配置

关于nodejs中文站,眼下活跃度最好的知识站应该是http://www.cnodejs.org/ ,而http://cnodejs.org/则活跃度较低.Express.js是nodejs的一个MVC开发框架,而且支持jade等多种模板,是Node.js上最流行的Web开发框架.这几天刚接触PhoneGap,曾经也看了一些nodejs的基础但苦于时间有限一直没机会亲自搭建一个nodejs环境,今天周末,部署了PhoneGap到Android,顺便一同搭建了一下nodejs本地环境,自己的操作过

windows系统下使用netsh配置IPv6相关

习惯了Linux下命令行配置网络的简洁,在windows系统下是不是感觉很别扭?下面分享几个方便的命令操作. 释放地址 ipconfig /release "Local Area Connection 1" 重新获取地址 ipconfig /renew "Local Area Connection 1" 配置IPv6单播地址 netsh interface ipv6 add/del address "Local Area Connection 1"