Mac下安装React Native

来源:互联网 发布:淘宝禁止购买软件 编辑:程序博客网 时间:2024/05/20 04:27



安装React Native
官网:http://facebook.github.io/react-native/docs/getting-started.html
中文:http://wiki.jikexueyuan.com/project/react-native/GettingStarted.html

要求:
1.OS X - 当前仅支持 OS X
2.安装Homebrew,nvm,watchman,flow
安装Homebrew

打开终端,执行下面的命令:
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

3.安装node.js 4.0+
     不需要通过nvm方式来安装node。直接去node官网下载安装包安装
     https://nodejs.org/en/
4.安装watchman
     brew install watchman
5.安装flow
     brew install flow

######################可忽略###############################
安装 nvm:
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.29.0/install.sh| bash

出现提示:
nvm
解决办法是将
[[
添加到
~/.bashrc, ~/.profile, or ~/.zshrc
文件的末尾。

但是,你可能会发现,根本就没有 ~/.zshrc文件。

安装oh my zsh
参考资料:http://macshuo.com/?p=676

Github 网址是:https://github.com/robbyrussell/oh-my-zsh。

1.1 先安装wget:
brew install wget
1.2
自动安装:
wgethttps://github.com/robbyrussell/oh-my-zsh/raw/master/tools/install.sh -O - | sh

######################可忽略###############################


安装 iOS

我们需要 Xcode 6.3 或者更高的版本。 您可以在 App 应用商店里面安装它。

安装 Android

如果想要编写 React Native 安卓应用程序, 您需要安装安卓 SDK (如果您不想在真机上运行您的应用程序,那么您还需要一个安卓模拟器)。请参阅安卓安装指南 说明来配置你的安卓环境 。

快速开始
安装react-native
$ sudonpm install -g react-native-cli
初始化一个工程
$ react-native init AwesomeProject$ cd AwesomeProject/

运行 iOS 应用程序:

  • 在 Xcode 中打开 ios/AwesomeProject.xcodeproj 并且点击运行。
  • 在选定的文本编辑器中打开 index.ios.js 并且编辑代码。
  • 点击 iOS 模拟器中的 ⌘-R 来重新加载应用程序并且观察发生的变化

这里的index.ios.js是在AwesomeProject目录下,而不是在node_modules/…/…./下




安装chrome插件调试。
如果你没有安装过,在模拟器里 按下Cmd + D的时候,,选择跳转到chrome里调试时,会提示你安装插件。





2 0
原创粉丝点击