React Native之hellWord

初始化项目工程


进入自己的工作空间然后shift+鼠标右键打开命令行窗口执行如下命令创建RN工程HelloWorld:

然后使用Android Studio打开AVD Manager创建模拟器,在打开Android Studio的时候会提示创建Android项目,我们的目的只是为了打开模拟器,就随便创建一个项目就行了,创建之后就直接打开模拟器:

几乎是一路next昂- -# , 应该没什么难度。

好,然后直接创建模拟器吧:

这里最好选择分辨率比自己电脑分辨率小的 ↓ ↓ ↓

选择自己通过SDK Manager下载的镜像版本

finish

这样就ok了

这里解释一下为什么不直接从下载的SDK目录里面直接通过AVD Manager.exe来创建?

因为之前试验过,直接从这里创建的话,(有时候)会导致x86硬件加速无法启动,模拟器就会很卡,还有就是如果通过这个exe直接创建模拟器的话,外观会很不好看的╮(╯▽╰)╭


然后进入打开刚刚创建的项目HelloWorld里面运行一下这个程序:

当电脑默默的饱受编译时大耗费资源后(其实就是电脑卡),可以看到这样的一幕:

咦?不是应该就ok了吗?怎么还这么喜庆了呢? 

原来还需要一步,把手机和RN的调试源给连接起来:

戳 ↓ ↓ ↓ 

填入调试电脑的ip和端口:

ip的简便获取方法:

端口号是在运行react-native run-android 之后出现的React packager窗口上提示的这个程序的端口号,默认是8081:

设置完后返回点击菜单键弹出菜单,里面点击reload js

。。。。这就正常了,这才是HelloWorld的正确打开方式 ↓ ↓ ↓

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Java帮帮-微信公众号-技术文章全总结

错误集锦1-HttpServlet was not found on the Java Build Path。

我们在用Eclipse进行Java web开发时,可能会出现这样的错误:The superclass javax.servlet.http.HttpServle...

32870
来自专栏jianhuicode

使用node-inspector调试nodejs程序<nodejs>

1.npm install -g node-inspector  // -g 导入安装路径到环境变量 一般是c盘下AppData目录下 2.node-inspe...

21770
来自专栏乐享123

Vim 对选中范围内容批量替换

50480
来自专栏yukong的小专栏

vue后台管理之动态加载路由

我们的通用的后台管理系统中,我们会根据权限的粗细不同,会对每个角色每个权限每个资源进行控制。同样的我们也需要实现一个这样的功能。 这篇文章我将主要讲vue端的实...

1.2K20
来自专栏前端大白专栏

angular2中在使用路由懒加载时候出现的错误

18140
来自专栏python3

python导入模块--import--1

    python前面写的程序,后面就可以将它当成一个模块导入,取其精华舍弃不用的随意使用,最理想的情况是任何一个功能,只要写一次,以后所有人都可以任意调用,...

12820
来自专栏杨逸轩 ' sBlog

如何将Pjax整合进网站,实现全站无刷新加载?

1.8K90
来自专栏LeeCen

React Native环境搭建 之 nvm安装和使用

brew install watchman flow git gcc pkg-config cairo libpng jpeg gitlab-ci-multi-...

11820
来自专栏Theo Tsao

Vim的基本使用(二)

本文包含Vim的基本使用有: 可视模式、指定计数、重复命令、外部命令、命令行编辑、文件编辑、分割窗口、GUI命令、配置。 另附一张Vim Cheat Sheet...

13320
来自专栏web前端教室

1012-web前端零基础课【学习周报】

当调用this.setState()的时候,自动触发render()方法,更新页面。

9410

扫码关注云+社区

领取腾讯云代金券