React Native Getting Started

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React Native Getting Started相关的知识,希望对你有一定的参考价值。

 

需求:  

  ios开发者:

  1、推荐用Homebrew安装Watchman和Flow.

  2、安装 Node.js 4.0或以后版本.

  3、安装nvm. 然后运行 nvm install node && nvm alias default node, 这能安装最新的Node.js并能让你在终端输入节点运行它。通过nvm你能够安装多个版本的Node.js且能方便的切换它们。

  4、关于npm

  5、brew install watchman. 用这条命令安装 watchman

  6、brew install flow, 用这条命令安装 flow.

  定期运行这条命令 brew update && brew upgrade 去更新程序。

iOS 配置

  需要Xcode7.0或者更高,可以从App Store下载

快速开始

在终端中运行下面的命令:

$ npm install -g react-native-cli
$ react-native init AwesomeProject   //这里创建AwesomeProject项目,名称随意

运行 iOS 程序:

  • 终端中输入: cd AwesomeProject
  • 打开ios/AwesomeProject.xcodeproj并且在Xcode中运行.
  • 用文本编辑器打开 index.ios.js 这个文件,随意插入几行
  • 点击?-R去刷新你改变的内容看看改变

注意: 如果你使用iOS设备, 看看这里 Running on iOS Device page.

增加android到已存在的 React Native 项目 

  如果你已经有了iOS React Native项目并且想做安卓支持,你需要在你项目目录下执行下面的命令:

  1. Update the react-native dependency in your package.json file to the latest version
  2. $ npm install
  3. $ react-native android

 

  注意: 在初次搭建环境时,最好FQ或者更换淘宝镜像  http://npm.taobao.org 不然比较慢并且不容易成功

以上是关于React Native Getting Started的主要内容,如果未能解决你的问题,请参考以下文章

[react-native]Getting Started for Android on Windows

React Native Getting Started

react native学习笔记

RN01-React Native环境搭建

[原创]自己动手实现React-Native下拉框控件

Android React Native 开发环境搭建---windows下