必赢亚洲手机app下载


知识管理|使用百度云的一点观点

波士顿矩阵

【React Native系列教程】Windows平台搭建React Native开发环境

重版权,未经授权不得转载
本文来源:贾鹏辉的艺博客(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在2016年开发者大会上发布了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设置一个境内镜像,让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应用之前率先使保已经起一个在运作的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应用的时还见面自行打开一个React
Native的启动器也尽管是一个终极的窗口,如果没有打开我们可由此npm start命令来手动启动它。

React Native应用启动完成之后我们见面在模拟器或设施及观看这么的界面:

FirstApp-android.png

当时是咱们正好初始化React
Native应用的第一单默认的界面,到此地我们曾经当Windows平台上打响的布了React
Native开发条件,并且创造及周转了第一单React Native应用。

若大家对搭建React
Native开发环境还生未知道的地方得在文章下方为我留言,我望了后会及时还原的啊。
此外呢得以关注本身之初浪微博@CrazyCodeBoy,或者关注自我的Github来博更多关于React
Native开发的技术干货。

报大家一个吓信息,为大家仔细准备的React
Native视频教程揭晓了,大家现可关押视频学React
Native了。

如若,大家在付出原生模块中相见问题可于本文的花花世界进行留言,我望了后会及时过来的哦。
除此以外也足以关心自身之新浪微博,或者关注自身的Github来获得更多关于React Native开发的技术干货

推介学习:视频教程《React Native开发过平台GitHub
App》

相关文章

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