Mac配置React-Native开发环境

安装相关软件

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

下载地址：www.android-studio.org

可选安装

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界面：

点击 Packages搜索到 Nuclide点击 install便可（重启 atom会自动安装 Nuclide依赖包）

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模拟器上面
复制代码

我的网站: www.wuhaichao.com

github: https://github/netyouli