iOS开发 React-native开发环境配置

原创 2016年06月01日 22:44:42

英文原文地址:https://facebook.github.io/react-native/docs/getting-started.html

1、安装 homebrew (若已经安装可跳过此步)

打开官网 http://brew.sh/  首页中心有句 命令拷贝到 终端之行就可以安装完成,命令如下:

[objc] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"  


2、安装 Node.js 4.0 或者更新版本


<1>安装 nvm (安装nvm的官网说明  https://github.com/creationix/nvm#installation)

curl 安装将下面的命令在终端之行即可安装完成  nvm,命令如下:

[objc] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash  
安装完nvm 后需要激活 nvm激活方法即在终端执行下面命令:

[objc] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. . ~/.nvm/nvm.sh  



为了每次启动终端都可以 自动的设置终端,并激活nvm ,需要在 ~/.bashrc~/.profile, 活着 ~/.zshrc 中加入如下命令

(我并没有手动添加这些文本,因为我打开~/.profile 查看的时候,里面已经有这两行了,你可以自行查看一下,如果已经有了 就不用重复添加了 )

[objc] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. export NVM_DIR="$HOME/.nvm"  
  2. [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm  

<2>使用 nvm 安装 node.js 并设置终端

设置后可在终端直接键入 node 来执行 node.js

利用 nvm 可以安装多个不同版本的  node.js ,并可以很容易的在版本间切换。

执行如下命令 安装 node.js 并设置终端

[objc] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. nvm install node && nvm alias default node  


3、安装 watchman 

强烈建议安装 watchman ,否则可能会遇到 node 文件查看相关的 bug,安装命令如下:

[objc] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. brew install watchman  


4、安装flow  

安装命令 :

[objc] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. brew install flow  

5、更新应用程序

最后可以执行 如下命令来更新应用程序,官方强烈推荐的,命令如下:

[objc] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. brew update && brew upgrade  


iOS开发,需要安装 xcode7或者更高版本,xcode 可以到 appstore 去下载


6、安装 ReactNative 命令行工具 ,命令如下:

[objc] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. npm install -g react-native-cli  
(如果提示 permission denied ,请添加 sudo
[objc] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. sudo npm install -g react-native-cli  

7、创建一个 React native 工程 AwesomeProject

[objc] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. react-native init AwesomeProject  

8、执行 iOS 工程

可以打开 index.ios.js  文件 在原有的 demo 代码中 做一些 再运行。

iOS XCode 工程在  AwesomeProject/ios/AwesomeProject.xcodeproj ,用xcode 打开 点击 run 即可

还可以在 工程根目录下执行 命令

[objc] view plain copy
  1. react-native run-ios  

启动工程的方式官方推荐后者 ,该方式的编译速度显著优于在 xcode 中执行的速度。

相关文章推荐

iOS开发 React-native开发环境配置

英文原文地址:https://facebook.github.io/react-native/docs/getting-started.html 1、安装 homebrew (若已经安装可跳过此步) ...

React Native开发环境配置(MAC + iOS)官方文档翻译总结

环境的配置取决于您应用的运行平台,iOS, Android还是两者都可以.您只需要选择一种即可,因为不同的环境只是在setup时有点不同而已.下面是使用MAC开发运行在iOS系统的环境配置. 环境配置...
  • soindy
  • soindy
  • 2016年09月02日 09:16
  • 437

由iOS开发转到React-native的过程_之环境配置

额..这个大伙可以去网上百度,,,全是,,,(简书,掘金,百度,等等)
  • ZF_CDSN
  • ZF_CDSN
  • 2016年09月22日 13:57
  • 225

React Native开发环境配置

手机系统:Android 开发环境:Mac首先要确认安装以下工具:Homebrev安装:ruby -e "$(curl -fsSL https://raw.githubusercontent.com...

React Native简介及开发环境配置

React Native简介React Native是Facebook 在2015 大会上推出的基于 JavaScript 的开源框架。React Native 结合了 Web 应用和 Native ...

Mac下搭建React Native iOS开发环境

搭建React Native iOS开发环境

React Native学习01 - 在Mac平台上搭建iOS开发环境

最近React Native技术比较火,React Native是Facebook发布的一个开源框架(Github地址),据我所知携程的APP就是使用React Native开发,且携程的技术团队还专...

环境配置:React Native 开发环境配置 For Android

React Native 是FaceBook开源的一个项目,FaceBook希望可以用写 Web App 的方式去写 Native App。它可以让我们用JS和React来开发应用,使用React N...

【React Native】React Native 的开发路(Windows 开发环境配置)

开发平台环境(Windows)    1 必备的软件  包括 vscode  jdk  python nodejs andriodstudio五个软件 ,下载找度娘  2 拉取Hello World代...

环境配置:React Native智能开发工具,可代码提醒的IDE——VS Code

VS Code是一个专门为React Native项目提供开发环境的扩展开发插件工具。可以调试代码,快速运行React Native的命令,并且可以智能提醒。非常的简便好用。 安装首先要确保你已经安装...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iOS开发 React-native开发环境配置
举报原因:
原因补充:

(最多只允许输入30个字)