安装相关软件
Homebrew
/// Homebrew用来安装mac上面软件工具
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
Node
brew install node
注意:安装完node如果用npm安装其他包时进度缓慢可以设置npm镜像:
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
React-Native集成环境
sudo npm install -g react-native-cli
Xcode:运行iOS
去app Store下载即可
Android Studio:运行android
可选安装
Watchman
监控文件变化
brew install watchman
Flow
静态的JS类型检查工具(实际开发基本可以忽略)
brew install flow
React开发工具
选择Atom作为开发React-native编辑器
Atom
下载地址: atom.io
React调式工具
调式工具我们用Facebook开发的:Nuclide
Nuclide
是由Facebook提供的基于atom的集成开发环境,可用于编写、运行和 调试React Native应用,打开Atom Setting界面:

Atom开发React/React-Native有力插件
- atom-react-autocomplete React代码提示插件
- language-babel React开发核心插件
- atom-react-native-style React-native 组件css样式提示插件
- autocomplete-js-import js包导入路径提示插件
- autocomplete-modules React modules导入提示插件
- autocomplete-paths 加载本地文件自动提示路径插件
- language-javascript-jsx JavaScript, ES6, ES7, React JSX, Flow支持插件
- react-es6-snippets es6写react语法提示插件
构建React-Native项目
/// 用reac-native 初始化并且创建名为ProjectName的React-native项目
react-native init ProjectName
/// cd 到ProjectName目录下下面
npm start /// 启动开发服务器
react-native run ios /// 即可运行在ios模拟器上面
react-native run android /// 即可运行在android模拟器上面