react native 安装指南

React Native
基于node.js的Model环境,使用React的UI环境,的一套跨平台方案。

现实方案可能是,基于node.js的Model环境,基于各个平台的UI环境。

ios 环境安装
1.安装nvm
https://github.com/creationix/nvm#installation

2.安装node

nvm是用于nodejs版本管理的工具,用于安装nodejs

nvm安装:curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.26.1/install.sh | bash 

这个命令按照官方的说明,应该会自动配置好环境,能够在任何的终端中使用nvm命令,但是我安装完了事不可以的。需要做额外的工作,需要在~/.bashrc, ~/.profile, ~/.zshrc文件中(如果没有自己创建),添加如下的一行语句: 

. ~/.nvm/nvm.sh 

这样就能够在任意的终端中使用nvm命令了。 
然后执行如下的命令: 

nvm install node && nvm alias default node 

这个用于安装nodejs和npm。npm用于nodejs包依赖管理的工具

3.安装 watchman

watchman是用于监听文件变化的工具,应该是用于监听文件变化,然后界面做出响应。执行如下命令: 
brew install watchman

4.安装 flow(js静态检查)

flow我个人理解的是用于静态分析js语法错误的工具,能够更早的js的语法错误。
brew install flow

5. npm install -g react-native-cli
react native 的命令行工具

6.创建工程
react-native init SampleProject

7.工程调试时,需要一个命令行启动的node server 存在,才能够运行。

在工程所在目录运行

npm start

当终端一直提示不识别nvm命令时,在finder里,cmd+shift+G跳转到admin目录下,查看~/.bashrc, ~/.profile, ~/.zshrc这三个文件有没有。

如果需要离线的,打包的app,则需要如下步骤(未实验)
https://facebook.github.io/react-native/docs/running-on-device-ios.html#using-offline-bundle

8.可以再已有工程中集成进来
https://facebook.github.io/react-native/docs/embedded-app-ios.html#content

 

posted @ 2016-02-19 22:16  wangbaixue  阅读(276)  评论(0编辑  收藏  举报