一、环境的需求
1.安装HomeBrew
curl -LsSf http://github.com/mxcl/homebrew/tarball/master | sudo tar xvz -C/usr/local --strip 1
另一种方式:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
复制代码
2.安装npm和node.js
注意:node.js最好安装4.0以上的版本,直接下载安装包安装就好
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.28.0/install.sh | bash
激活nvm “. ~/.nvm/nvm.sh” 或 “source ~/.nvm/nvm.sh”
另一种安装nodejs的方式:
nvm ls-remote // 查看远程可使用的版本
nvm install 对应的版本号
复制代码
3.安装WatchMan
该插件用于监控bug文件和文件变化,并且可以触发指定的操作 安装方式,使用终端命令:
brew install watchman
复制代码
4.安装Flow
flow时js静态类型检查器,方便检查代码中可能存在的类型错误 安装方式:
brew install flow
复制代码
二、React Native 安装
1.安装Rect Native 注意权限问题 sudo
sudo npm install -g react-native-cli
复制代码
三、iOS环境安装
注意:环境Xcode 7 及以上的版本
四、安卓的环境安装
五、创建React Native应用
1.创建
react-native init 应用名称
复制代码
注意:npm 仓库源替换为国内镜像,不然可能由于网络的原因,创建很慢
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
复制代码
2.指定React-Native版本
react-native --version //查看当前reactNative版本
sudo npm update -g react-native-cli //更新全局的reactNative到最新版本
npm info react-native //查看服务器端的reactNative的各版本信息
npm install --save react-native@0.34.1
复制代码
六、webstorm 安装模板文件
注意: 用webStorm打开工程后,切换到Babel 克隆仓库到本地:
git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate
复制代码
Mac下安装模板(不安装,写代码不会有提示) 将ReactNative.xml
复制到 ~/Library/Preferences/WebStorm11/templates
最好也拷贝一份到options
文件下 要完全退出然后重启 WebStrom
ATom常用的插件安装
- nuclide 安装命令: apm install nuclide
- atom-react-native-autocomplete 安装命令: apm install atom-react-native-autocomplete