配置React Native的开发环境
1.安装Homebrew:
在MAC中打开终端工具并输入如下语句:
ruby -e "$(curl --insecure -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
上述步骤中会提示输入管理密码然后开始下载Homebrew,如果此时网速不稳定可能会出现错误提示:curl: (35) Server aborted the SSL handshake。
此时需要执行卸载操作,输入如下命令进行卸载:
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall)"
卸载完成后再次尝试安装。
安装完成会有以下提示:
此时可以在命令行中输入brew命令进行测试,看到如下结果说明安装成功
3 安装WatchMan
2.安装npm 和 Node.js
安装方式
brew install node
Node.js最好安装4.0及其以上更高版本,node安装成功后npm自动也就有了,直接下载安装Node.js,网址:https://nodejs.org/en/download/
3 安装WatchMan
该插件用于监控bug文件和文件变化 ,并且可以触发指定的操作
安装方式
brew install watchman
验证是否安装成功
注意:在Max OS X 10.11(El Capitan)版本中,homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题。可以使用下面的命令修复:
sudo chown -R `whoami` /usr/local
4 安装Flow
flow是一个 JavaScript 的静态类型检查器,建议安装它,以方便找出代码中可能存在的类型错误
安装方式
brew install flow
验证是否安装成功
(注意:如果提示command not found,请加上sudo获得最高权限)
更新
如果已经安转了以上的软件,需要更新到当前最新版本。首先更新Homebrew的版本库:
brew update
更新Homebrew库的内容:
brew upgrade
清除不再使用的资源:
brew cleanup
React Native安装
安装React Native:
npm install -g react-native-cli
注意:如果提示root权限不够,请加上sudo获得最高权限
sudo npm install -g react-native-cli
如此说明已安装完成。
新建项目
react-native init 项目名称
react-native init 项目名称 --version 0.38.0 //创建一个指定版本为0.38.0版本的项目
注意:项目名称不能以数字和符号开头,由于众所周知的网络原因,需要等待一段时间(具体视网络情况而定)。react-native命令行从npm官方源拖代码时会遇上麻烦,可以将npm仓库源替换为国内镜像:
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
运行iOS:
react-native run-ios
运行Android:
react-native run-android
查看本地的React Native的版本
命令行输入:
react-native --version
更新本地的React Native的版本
命令行输入
npm update -g react-native-cli
查询react-native的npm包最新版本
NPM的全称是Node Package Manager ,是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。
npm包地址 :
https://www.npmjs.com/package/react-native
命令行查询
npm info react-native
升级或者降级npm包的版本
npm install --save react-native@0.18
更新项目templates文件(可选)
新的npm包会包含更新在运行react-native init命令生成的一些动态文件,例如init创建项目的时候会生成iOS和Android的子项目,我们可以通过以下的命令进行获取最新的代码
命令行查询
react-native upgrade
参考链接:配置ReactNative的开发环境