必赢亚洲手机app下载


766net必赢亚洲手机版选取百度云的少数见解

高功用教练

Windows平台搭建React766net必赢亚洲手机版

尊重版权,未经授权不得转载
正文来源:贾鹏辉的技能博客(http://www.jianshu.com/p/79a147cc72bf)

报告大家二个好音信,为大家仔细准备的React
Native摄像教程
公告了,我们现能够看视频学React
Native
了。

在Windows平台上付出React Native须要设置以下条件和工具:

  1. Note.js
  2. React Native Command Line Tools
  3. Android Studio

安装Node.js

React Native开发供给动用Node.js环境。大家做React
Native开发会平时性的和Node.js进行社交,比如:大家用npm start指令运营React
Native的运营器;用npm install设置项目所依靠的第①方组件;用npm publish往npm上发表部分零件等。

好了废话不多说了,下边就让大家开头设置node.js吧。

安装Node.js有三种普遍的格局:

  1. 一种是透过Windows包管理工科具Chocolatey来安装。

这种格局索要安装Chocolatey客户端以及
PowerShell v3+格局有些麻烦。

  1. 第二种艺术,直接下载Node.js安装包来进展安装包。

那种艺术操作简便方便。

接下去我们就经过第②种办法来设置Node.js。

前往https://nodejs.org/en/download/下载Node.js
Windows安装器,依据系统的版本选用相应的.msi下载即可。

![下载Node.js
Windows安装器](http://www.devio.org/img/post/20160520/下载Node.js
Windows安装器.png
)

下一场,双击下载好的.msi文件安装即可,安装达成后,打开终端,输出npm -v即可查看大家刚刚安装的node.js的本子:

查看nodejs版本

设置React Native命令行工具

node.js安装成功今后,接下去大家就足以由此npm install来设置React
Native命令行工具了。

开拓终端,输入并施行下边发号施令即可成功安装:

npm install -g react-native-cli

![npm install -g
react-native-cli](http://www.devio.org/img/post/20160520/npm
install -g react-native-cli.png)

React
Native命令行工具安装成功之后,大家能够通过react-native --help来查了它索支持的装有命令。

react-native–help

安装Android开发工具AndroidStudio

安装AndroidStudio大家得以到Android开发者官网举行下载:developer.android.com

因为Android开发者官网的服务器设在国外,国内尚无翻墙的用户一般情形一下是力不从心打开的,为此谷歌(Google)在二零一六年开发者大会上发布了developer.android.google.cn,那么些尤其为神州的Android开发者推出的官网,有中文界面,不过当下法定文书档案依然英文的浩大。

世家能够在上述的网站上下载AndroidStudio,下载成功以后安装即可。

始建第三个React Native应用

开头化三个React Native应用,大家能够通过React
Native命令行工具来成功,打开终端输入并运转上边发号施令:

react-native init <项目名字>
如:
react-native init FirstApp

如图:

react-native-init

运营此命令之后,React
Native会从npm上下载一些品类所依靠的包,并做到项目标伊始化,初阶化完结今后你会面到下图的出口:

react-native-init-success

下一场大家开辟FirstApp项指标根目录会看到如下项目协会:

766net必赢亚洲手机版 1

react-native项目协会

其间,android目录下是大家的Android Native项目,ios目录下是大家的iOS
Native项目。

修改npm镜像,提升项目开头化的进度

大家在最先化React
Native应用或从npm上安装一些零部件的时候常见的图景下是比较慢的,那是因为npm的劳动是设在国外的,所以在境内访问的进程不是极漂亮。升高项目初步化的速度大家得以为npm设置3个国内镜像,让npm每趟下载组件的时候都从境内的镜像上收获那样一来速度就会大大进步。

Windows修改npm镜像的措施:

在Windows电脑上大家能够在.npmrc文件中设置npm的下载镜像地址,.npmrc文件一般在C:\Program Files\nodejs\node_modules\npm\.npmrc途径下,打开此文件然后添加:

registry = https://registry.npm.taobao.org

假设没有改动权限,那么能够将此文件复制一份到其余地方,修改实现未来再交替过去即可。

那样一来访问npm的时候就会被重定向到大家所设置的https://registry.npm.taobao.org镜像服务器,所以说速度就会大大提升。

运行React Native应用

React Native应用创制实现之后吧,我们便能够运维它了,运维贰个React
Native应用一般有三种办法:

首先种方法:通过React Native命令行工具

开辟终端进入React
Native项目标根目录然后输入并运营上面发号施令即可(提醒:通过命令运行android应用在此以前率先要保管已经有1个正值运维的Android模拟器恐怕一个业已接二连三的Android设备):

react-native run-android
//如果要运行iOS项目则通过下面命令
react-native run-ios

因为大家刚伊始化好的React
Native应用会席卷Android应用和iOS应用,所以大家能够通过上述命令来选拔将她们运转在不一致的阳台上。

其次种办法:通过AndroidStudio运行大家的花色

除去命令行工具之外我们还足以借助AndroidStudio来运作React
Native项目标Android平台的运用,方法如下:
开辟AndroidStudio->采纳类别根目录下的android目录->然后打开即可,如图:

766net必赢亚洲手机版 2

open-react-native-android-native-project

用AndroidStudio第②遍打开这一个Android项指标时候,AndroidStudio会下载一些此项目所急需的依靠,比如项目所依靠的Gradle版本等。这几个重视下载达成之后吧,AndroidStudio会对品种展开初步化,起始化成功以往在AndroidStudio的工具栏中能够看到一个名为“app”的二个可运转的模块,如图:

766net必赢亚洲手机版 3

open-react-native-android-native-project-success

接下来单击Start按钮运转App即可。

在暗许情形下,通过上述二种情势来运行React
Native应用的时候都会自行打开3个React
Native的运行器也便是三个极端的窗口,假若没有打开我们能够透过npm start指令来手动运维它。

React Native应用运行成功现在大家会在模拟器或配备上观望这么的界面:

FirstApp-android.png

766net必赢亚洲手机版,那是大家刚初阶化React
Native应用的率先个暗许的界面,到此处大家早就在Windows平台上得逞的陈设了React
Native开发环境,并且创办和运转了第四个React Native应用。

比方咱们对搭建React
Native开发环境还有不了解的地点能够在篇章下方给自己留言,小编见到了后会及时苏醒的啊。
除此以外也足以关切自笔者的天涯论坛今日头条@CrazyCodeBoy,大概关心本身的Github来收获越多关于React
Native开发的技艺干货

告诉大家1个好新闻,为我们精心准备的React
Native录制教程
透露了,大家现可以看视频学React
Native
了。

假若,大家在开发原生模块中相遇标题能够在本文的花花世界举行留言,作者看看了后会及时苏醒的啊。
别的也得以关怀本人的新浪微博,或许关注自小编的Github来收获更加多关于React Native开发的技术干货

引进学习:录制教程《React Native开发跨平台GitHub
App》

相关文章

No Comments, Be The First!
近期评论
    功能
    网站地图xml地图