Expo 入门宝典 一 (Quick Start)React Native 简单可门 一。

本人决心翻译Expo,为上学Rn(react
native)的学习者提供援助。传统上Rn开发,优势还以Mac Ios ,很少发因此Windows
andriod开发的,而2017年上线的Expo为咱周边windows做Rn开发提供了好充分的造福条件。Rn开发也迎来了青春。

入门准备

创react native app有星星点点种植方式,一种植是迅速开计,无需安装android
studio或xcode,借助官方的工具App
Expo客户端可以高速查看效果,另一样种植是含原生代码,需要安装android或xcode,可以扩大原生插件,可以包出app,下面简单说生零星种植办法的装步骤。


疾开

而只要装有node,如果没的话,请到node官网下载安装。安装好node之后,使用npm安装create-react-native-app,打开一个命令行终端,输入下面发号施令:

npm install -g create-react-native-app

假定速度极慢,可以安装一下npm国内镜像或者是上网,通过下面发号施令设置npm镜像

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

顺便说一下,这里还是累的各种安装不怎么建议利用cnpm,可能会见因为安装的模块路径和npm的无绝雷同产生局部旁的问题。安装好create-react-native-app,输入下面发号施令创建工程并被服务

create-react-native-app AwesomeProject

cd AwesomeProject
npm start

启服务后,最终你可以当命令行终端中见到如下图的出口

指令执行输出

,控制高出口了一个二维码和ip地址,接下去打开Expo
App,这个App可以在google play和ios的app
stroe下载。不克对上网的android同学,这边放一个Expo
2.0.0网盘链接。
使用Expo扫描命令行终端上之次维码,不设扫我的,PC和手机若以一如既往网段内。

至于Rn的简短说明,目前市场高达主流的个别异常移动端系统,Android

Ios,而开这有限独系统上的App,传统上,分为Ios开发同Android开发,这即来一个问题,一个商行如上丝一致悠悠app,但是用至少要一个Ios开发,和一个Android开发,这就算导致App成本的升迁,而今天,如果我们之所以Rn做开发,我们仅需要同套代码,开发出来的App,可以运行在Ios和Android上,这巨大的加强了出效率,也为公司支出产品降低了资产,所以Rn一产,就吸纳了常见程序员朋友等的热捧,学习Rn,没有出于的日子,拿起键盘就是是关乎!

创造带原生代码的RN工程

及时边仅介绍windows系统下android环境的搭建,其他条件搭建之请赴RN官网或国内RN中文网查看。
若需要设置的起NodeReact Native
CLI
Python2JDKAndroid Studio
有稳定梯子的言辞可以动用Chocolatey来装Node,Python2和Jdk,Chocolatey是一个windows的承保管理器。安装好Chocolatey,输入下面发号施令

choco install -y nodejs.install python2 jdk8

再不的口舌虽交个别的官网上下载安装上面这些,或者您前面已经设置好了,检查一下Node的本是否超越等于4,JDK的版大于等于8。
安装好点那些之后,通过npm安装React Native CLI

npm install -g react-native-cli

终极就是android开发环境的搭建
前失去官网下载安装android
studio,上未失去的好交android
studio华语社区下载或者自发性检索下载。下载好后打开装,安装完成后驶来下的欢迎界面

android studio

,点击右侧下脚的configure,然后选取SDK Manager安装SDK,在SDK platforms
tab页受到,勾选android 6.0,在SDK
tools勾选23.0.1点击应用起来下载。最后右键我的电脑,新建一个SDK的环境变量ANDROID_HOME如下图

环境变量

,注意这边的门道也自己电脑及SDK的放置路径。
交这边,算是挺功告成了。可以起新建第一单种类了。

react-native init AwesomeProject

对接下测试安装

cd AwesomeProject
react-native run-android
``

吓了,如果您准备整治Rn开发了,首先要恭喜你下,如果您看来我之稿子,那么还使恭喜你,我们格外有或变成情人,如果您准备高Rn开发了,那么还面临一个,那就是工欲善其事,必先利其器!我们搞Rn开发,用什么工具为?


此间我受大家推荐一舒缓,Expo,这款简直时入门的神器啊!大家可以百度详细询问,关于她的题目,欢迎加我微信jkxx123321
与本人交流【备注博客加】同时也接关注自我之个体公众号:爱享黑马
以及自保持联系!接下,开始工作!


Expo 入门宝典 一
(Quick Start)

1.什么是Expo:

Expo是均等组工具、库以及劳务,可以透过编制JavaScript来构建地面的ios和Android应用程序。

Expo Apps是含有了Expo SDK的react native
Apps,SDK是一个native-and-js的仓库,它包供针对性配备系统的拜会功能,像相机、联系人、本地存储和其余硬件)。这代表你免需要动用Xcode或Android的条件,或摹写任何代码也令你的pure-JS项目好便带,因为它们可以运作于任何自然环境包含Expo
SDK。

 

Expo还提供UI组件来拍卖各种应用程序,几乎拥有应用程序都将吃掩,但它不见面突破react
native Core的为主代码,例如图标、模糊视图,等等。

 

末尾,Expo
SDK提供了拜访服务,这些服务则很为难管理,但几每个应用程序都亟需它们。其中最为受欢迎的凡:Expo可以为卿管理而的本钱,它可吗你处理推送通知,并且其好构建准备安排至应用程序商店的本土二进制文件。

 

2.预备好起来了啊,let’s go

 准备好的讲话就是起了,第一步安装环境,【这里不纯粹一点,如果对rn不熟悉的可以预先押一下rn中文网】

http://reactnative.cn/docs/0.45/getting-started.html

  安装环境之言语,我们用安装俩独环境,一个凡对准桌面客户端的,另一个是对手机客户端的。

  电脑桌面客户端的受:Expo XED 手机客户端的叫
Expo(也不怕相当给app)【大家好失去下载,我这边附图,附下载链接】

  图片 1

  下充斥链接地址:

https://docs.expo.io/versions/v17.0.0/introduction/installation.html

  【补充某些:电脑需要未雨绸缪Node.js
没有的失去装一下,下载一个包后,直接生一样步下一样步就是得了,安装了node测试成功也的点子,命令台上输入
node -verson 打印一下君安装之版】

3.你的环境设置好了啊?好了之话语虽开辟试试吧

  电脑客户端打开环境Expo
XDE,首先会见被你去注册一个属您自己之账号(如图)

  图片 2

  注册好下,登录成功,就会跻身一个界面了,(如图)

  图片 3

 

   创建属于你协调的型(如图)

  图片 4

  创建成功,如图所示:

图片 5

 

   点击你的类别,让她于公的环境下跑起!

  图片 6

 

   如图项目就是飞起了,接下就要全盘客户端了,也便是App端。

    图片 7

  这个不知情的投机检查资料吧,也得咨询我!

  【这里补充一下,大家需要下一个夜神模拟器,在模拟器上设置一个expo也就算是若当亲手机上安装的老,这样大家可以退对网络环境的依,直接以模拟器上观看而代码运行的功能】这里附图一摆设:

              图片 8

 

  这是自己个人调用微博开发者平台的接口Api,做的友爱微博客户端,简单的力量来:【对随意博文的评论,发表自己之博文,转发一篇博文】这个设计到的艺不多,如果想只要源码,可以一直搜索我,也堪上github上去,我既高达污染上。

  接下去来几乎张功能图:(…不得瑟了)

  于最终好像忘记了告知你们用啊条件了,也不怕是写代码的条件,个人因此之是vs 
code 2017
,人们以前用Atom的吗比较多,其实这到经常无所谓,你用记事本也都执行,无非就是是一个形容代码的家伙而已,建议编辑器用微软家的,特别好用啊!


 

http://www.cnblogs.com/gdsblog/p/6992410.html

 

作者介绍:半路学IT,做开发3年,先下车于同等贱共享单车店,做后台开发!

 

 我开了一个公众号,欢迎各位有志同道合朋友,关注!不期分享工作,和自家得故事!

 

图片 9

转载请注明出处【郭东生blog】:http://www.cnblogs.com/gdsblog/p/6992410.html
如发生不足,请各位斧正!

 

Leave a Comment.