粗略入门,入门宝典

本人决心翻译Expo,为学习中华Vn(react
native)的学人提供援助。守旧上讴歌MDXn开荒,优势都在Mac Ios ,超少有用Windows
andriod开采的,而二零一七年上线的Expo为大家广大windows做PRADOn开采提供了非常的大的福利条件。宝马X3n开垦也迎来了青春。

创立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 --globalnpm config set disturl https://npm.taobao.org/dist --global

顺便说一下,这里或继续的各类安装不怎么提出利用cnpm,只怕会因为安装的模块路线与npm的不太意气风发致发生部分任何的标题。安装好create-react-native-app,输入上面三令五申创造工程并开启服务

create-react-native-app AwesomeProjectcd AwesomeProjectnpm start

开启服务之后,最后你能够在指令行终端中观望如下图的输出

图片 1命令行输出,调整台出口了三个二维码和ip地址,接下去张开Expo
App,那几个App能够在google play和ios的app
stroe下载。无法科学上网的android同学,那边放三个Expo
2.0.0网盘链接。使用Expo扫描命令行终端上的二维码,不要扫作者的,PC和手提式有线电电话机要在一网段内。

至于ENVISIONn的简要表明,近些日子市镇上主流的两大活动端系统,Android

Ios,而付出那四个系统上的App,古板上,分为Ios开采和Android开采,这就有两个主题素材,贰个商店要上线生机勃勃款app,但是急需最少须求三个Ios开拓,和二个Android开荒,那就变成App花费的晋级,而明天,如若我们用奥迪Q5n做开垦,大家只需求生机勃勃套代码,开采出来的App,能够运作在Ios和Android上,那庞大的滋长了支付效能,也为同盟社开拓产品收缩了财力,所以陆风X8n一推出,就抽出了大面积程序猿朋友们的热捧,学习Sportagen,未有出于的时刻,拿起键盘就是干!

创设带原生代码的XC90N工程

那边只介绍windows系统下android情况的搭建,别的条件搭建的请前往RAV4N官方网址或本国OdysseyN中文网查看。你要求安装的有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中文社区下载或自动物检疫索下载。下载完结后展开安装,安装实现后到来下边包车型客车接待分界面

图片 2android
studio,点击右下脚的configure,然后接纳SDK Manager安装SDK,在SDK
platforms tab页中,勾选android 6.0,在SDK
tools勾选23.0.1点击应用起来下载。最后右键作者的管理器,新建一个SDK的情形变量ANDROID_HOME如下图图片 3情状变量,注意那边的不二法门为协和计算机上SDK的停放路线。到这里,算是旗开马到了。能够起来新建第三个种类了。

react-native init AwesomeProject

接下去测验安装

cd AwesomeProjectreact-native run-android``

好了,假若您筹算搞LX570n开拓了,首先要恭喜你下,要是你看来自家的稿子,那么更要恭喜您,大家很有相当大恐怕成为情侣,假如你盘算高ENVISIONn开垦了,那么还面对一个,那正是工欲善其事,必先利其器!我们搞Wranglern开垦,用哪些工具呢?


这里本人给大家推荐意气风发款,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的骨干代码,举例Logo、模糊视图,等等。

 

末尾,Expo
SDK提供了探问服务,那几个劳动就算很难管理,但差一些每一种应用程序都亟需它。当中最受应接的是:Expo可感到你管理您的本钱,它可以为您管理推送文告,而且它可以营造希图布置到应用程序商号的地头二进制文件。

 

2.备选好起来了呢,let’s go

 希图好的话就开首了,第一步安装情状,【这里不纯一点,假设对rn不熟悉的能够先看一下rn普通话网】

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

  安装碰着的话,大家须要设置俩个条件,三个是针对桌面客商端的,另贰个是针对手提式有线电话机客商端的。

  计算机桌面顾客端的叫:Expo XED 手提式有线电话机客商端的叫
Expo(也就一定于app)【大家自身去下载,笔者这里附图,附下载链接】

  图片 4

  下载链接地址:

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

  【补充有个别:计算机必要预备Node.js
未有的去安装一下,下载一个包后,直接下一步下一步就足以了,安装完node测量检验成功与否的秘诀,命令台上输入
node -verson 打字与印刷一下您安装的本子】

3.你的条件设置好了吗?好了的话就张开试试吧

  电脑顾客端张开意况Expo
XDE,首先会让您去登记二个属于你协和的账号(如图)

  图片 5

  注册好之后,登入成功,就能进去贰个分界面了,(如图)

  图片 6

 

   创立属于您本身的品类(如图)

  图片 7

  成立成功,如图所示:

图片 8

 

   点击你的花色,让它在你的条件下跑起来!

  图片 9

 

   如图项目就跑起来了,接下去将在周密客商端了,约等于App端。

    图片 10

  那些不懂的友好检查资料吧,也得以问小编!

  【这里补充一下,大家需求下一个夜神模拟器,在模拟器上设置贰个expo也正是您在三弟大上设置的可怜,那样我们能够减低对网络情形的依据,直接在模拟器上看看你代码运维的功效】这里附图一张:

              图片 11

 

  那是自身个人调用乐乎开荒者平台的接口Api,做的投机今日头条顾客端,简单的遵循有:【对随便博文的评说,发表自个儿的博文,转发生机勃勃篇博文】那个设计到的才能十分的少,假诺想要源码,能够一向找作者,也能够上github上去,小编早已上传上去。

  接下去来几黄政宇能图:(…不得瑟了)

  在最后好像忘了告知你们用什么样条件了,也正是写代码的境遇,个人用的是vs 
code 2017
,大家原先用Atom的也正如多,其实这么些到时不在意,你用记事本也都行,无非正是三个写代码的工具而已,提出编辑器用微软家的,极其好用啊!


 

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

 

小编介绍:半路学IT,做开辟3年,先下车在一家分享单车公司,做后台开辟!

 

 小编开了二个民众号,接待各位有志趣相同朋友,关切!不依期分享专业,和本身得传说!

 

图片 12

转发请表明出处【邓国强生blog】:http://www.cnblogs.com/gdsblog/p/6992410.html
如有不足,请各位斧正!

 

相关文章