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 (若已经安装可跳过此步) ...
  • xiaofei125145
  • xiaofei125145
  • 2016年03月04日 11:40
  • 467

React-Native开发环境配置

React-Native开发环境配置前端开发, 首选 Visual Studio Code.下面推荐一些 React-Native 开发必备的插件, 让你的开发效率飞起来!插件名简单描述React N...
  • shiningchen322
  • shiningchen322
  • 2018年01月19日 11:23
  • 8

Windows下React-Native开发环境配置

1、一开始是在npm安装时出现“‘node’”不是内部命令。。。是nodejs没有安装成功,虽然安装过程会自动写入环境变量,但是还是要在path后加入nodejs的安装路径,我的是"C:/Develo...
  • u014629526
  • u014629526
  • 2017年03月03日 21:40
  • 169

React-Native与iOS原生的集成步骤

需求:     最近准备在公司项目中使用RN,但罗马不是一天建成的,没办法将项目中所有的代码都换成RN,而且我也不认为全换成RN就是好的,所以准备先将项目中的一些页面改成RN开发。这篇文章就是与...
  • sinat_17775997
  • sinat_17775997
  • 2017年05月04日 11:21
  • 467

【利用Eclipse+Tomcat+MyEclipse环境开发J2EE之一】环境的配置

经过三天的配置 终于配置好了这个传说中很牛5的环境,下面将我与到的问题及解决方法记录一下。第一步:下载软件1.j2sdk-1_5_0 下载地址:http://java.com/zh_CN/downlo...
  • jking82
  • jking82
  • 2006年10月11日 11:56
  • 2295

maven开发环境配置

1.下载maven3.3.1并解压 2.配置环境变量 M2_HOME=D:\maven-3.3.3(根据自己实际解压目录) path增加D:\maven-3.3.3\bin 3.更改本地仓库地...
  • jmingbh
  • jmingbh
  • 2017年03月20日 13:36
  • 100

Unity的Android手机开发的环境配置

Unity3D Android手机开发环境配置 1、配置eclipse环境:首先在官网下载安装包:http://developer.android.com/sdk/index.html,...
  • chaixinke
  • chaixinke
  • 2014年12月11日 00:46
  • 1260

OFBiz开发环境的配置

Eclipse的选择 Eclipse有很多种,很多版本,用什么合适呢? 我推荐用Eclipse J2EE,因为里面自带xml的编辑器,OFBiz会涉及到很多xml文件的编写,有这个方便很多...
  • ztk3939339
  • ztk3939339
  • 2013年04月10日 11:07
  • 1522

最详细的开发环境搭建与配置实例

Java程序的编译、运行离不开jdk(Java Development Kit,是应用于Java应用开发的开发包,它提供了编译、运行Java程序所需要的各种工具和资源)环境。 下载jdk 复...
  • qq_30908729
  • qq_30908729
  • 2017年08月11日 22:35
  • 87

在Netbeans下开发Jboss-seam

关键字: jboss, seam, netbeans, bug Jboss seam 的Seam-gen提供了很好的项目生成工具,可以生成eclipse和netbeans的项目配置,因为全程采用a...
  • tipfoo
  • tipfoo
  • 2008年02月21日 08:52
  • 875
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iOS开发 React-native开发环境配置
举报原因:
原因补充:

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