iOS开发 React-native开发环境配置
2016-03-04 11:40
639 查看
英文原文地址:https://facebook.github.io/react-native/docs/getting-started.html
1、安装 homebrew (若已经安装可跳过此步)
打开官网 http://brew.sh/ 首页中心有句 命令拷贝到 终端之行就可以安装完成,命令如下:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"[/code]2、安装 Node.js 4.0
或者更新版本<1>安装 nvm (安装nvm的官网说明 https://github.com/creationix/nvm#installation)
curl 安装将下面的命令在终端之行即可安装完成 nvm,命令如下:curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash安装完nvm 后需要激活 nvm激活方法即在终端执行下面命令:. ~/.nvm/nvm.sh
为了每次启动终端都可以 自动的设置终端,并激活nvm ,需要在~/.bashrc,~/.profile,
活着~/.zshrc 中加入如下命令(我并没有手动添加这些文本,因为我打开~/.profile 查看的时候,里面已经有这两行了,你可以自行查看一下,如果已经有了 就不用重复添加了 )export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm<2>使用 nvm 安装 node.js 并设置终端
设置后可在终端直接键入 node 来执行 node.js
利用 nvm 可以安装多个不同版本的 node.js ,并可以很容易的在版本间切换。
执行如下命令 安装 node.js 并设置终端nvm install node && nvm alias default node3、安装 watchman
强烈建议安装 watchman ,否则可能会遇到 node 文件查看相关的 bug,安装命令如下:brew install watchman4、安装flow
安装命令 :brew install flow5、更新应用程序
最后可以执行 如下命令来更新应用程序,官方强烈推荐的,命令如下:brew update && brew upgrade
iOS开发,需要安装 xcode7或者更高版本,xcode 可以到 appstore 去下载。6、安装 ReactNative 命令行工具 ,命令如下:
npm install -g react-native-cli(如果提示 permission
denied ,请添加 sudo)sudo npm install -g react-native-cli7、创建一个 React native 工程 AwesomeProject
react-native init AwesomeProject8、执行 iOS 工程
可以打开 index.ios.js 文件 在原有的 demo
代码中 做一些 再运行。
iOS XCode 工程在 AwesomeProject/ios/AwesomeProject.xcodeproj
,用xcode 打开 点击 run 即可
还可以在 工程根目录下执行 命令react-native run-ios
启动工程的方式官方推荐后者 ,该方式的编译速度显著优于在 xcode 中执行的速度。
相关文章推荐
- React Native视频播放(iOS)
- React Native视频播放(iOS)
- React Native视频播放(iOS)
- [ReactJS] DOM Event Listeners in a React Component
- 初体验react的状态机
- React Native 之 Hello World
- React 入门实例教程
- 一看就懂的ReactJs入门教程-精华版
- React props
- 如何在现成项目集成ReactNative(Android)
- [转] 整理了一份React-Native学习指南
- [转] 一个资深iOS开发者对于React Native的看法
- RN的第一个实例
- react native布局(图片自适应,居中)
- React-DOM操作详解
- 加react框架订餐大师
- 关于React使用中遇到的坑
- [react-native学习记录]创建/运行android项目
- React Native 的那些坑
- react