React Native 之 安装

来源:互联网 发布:淘宝双十一销售排行榜 编辑:程序博客网 时间:2024/05/29 15:57

背景:Facebook 于 2015 年 9 月 15 日发布了 React Native for Android, 把 Web 和原生平台的 JavaScript 开发技术扩展到了 Google 的流行移动平台–Android。

本节将帮助你安装React Native到本机系统上,然后你可以用它来构建应用程序。如果你已经安装了反应本地,你可以跳过教程。

  • 说明:安装的不同取决于你开发操作系统,例如你开发iOS或Android,如果你想开发iOS和Android,没关系,你只需要选择一个,安装略有不同。

这里写图片描述


安装插件

  1. Node.js 我们要求安装Node.js 或Python2 是通过 Chocolatey,打开命令窗口以管理员身份运行

choco install nodejs.installchoco install python2

  1. Android Studio

  • 下载studio,
  • 安装studio,
  • 更新sdk并设置,
  • 设置android_home 环境变量, React Native命令行需要,
  • 设置虚拟机,

测试安装的 React native


使用react native 命令行 创建一个aweproject项目,然后切换到项目目录下运行 react-native run-android


react-native init AwesomeProjectcd AwesomeProjectreact-native run-android

如果一切都正确设置,你应该看到你的新应用程序运行在你的Android模拟器。一个常见的问题是运行react-native run-android安装包不自动启动,你可以使用react-native start启动它

编辑你的APP


现在你已经成功运行你的APP ,让我们编辑它吧。

  1. 使用你的编辑器 打开index.android.js ,选择编辑代码;

  2. 双击R键 或者从菜单reload 来查看你的改变;


就这些,恭喜你已经迈开成功的第一步!

关注公众号

                        这里写图片描述

                                              更多精彩文章等你来!!!


[1]:参考文献 http://facebook.github.io/react-native/docs/getting-started.html

0 0
原创粉丝点击