Mac配置React-Native开发环境

4,139 阅读1分钟

安装相关软件

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有力插件

构建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