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