[置顶] 在Mac上搭建React Native开发环境
2016-12-28 21:45
495 查看
概述
前面我们介绍过在window环境下开发React Native项目,今天说说怎么在mac上搭建一个RN的开发环境。配置mac开发环境
基本环境安装
1.先安装Homebrew:用于安装NodeJS和其他工具。注:Homebrew详解,对这个比较了解的略过,我也是用mac没多久,这里给小白普及下。
Homebrew全称Homebrew is the easiest and most flexible way to install the UNIX tools Apple didn’t include with OS X。是一个包管理器,用于在Mac上安装一些OS X没有的UNIX工具(比如著名的wget),Homebrew将这些工具统统安装到了 /usr/local/Cellar 目录中,并在 /usr/local/bin 中创建符号链接。
安装Homebrew:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"[/code]
然后一路回车
最后出现success,就表示安装成功了。
安装完成后,可以用brew doctor命令检测下是否有什么冲突的地方。关于Homebrew其他的介绍可以自行查看官网资料。安装 Node.js
React Native 需要 NodeJS 4.0或更高版本,Homebrew的Node默认包是6.0版本的,所以直接安装即可:brew install node安装React Native 命令行工具npm
之前我们说过npm是一个包管理工具,它是用来管理node的,详细介绍请看npm详解
命令行工具可以轻松创建和初始化工程:npm install -g react-native-cli
注:如果出现错误 :EACCES: permission denied,使用命令: sudo npm install -g React-native-cli.安装Yarn
Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。npm install -g yarn react-native-cli其他建议安装
Watchman
Whtchman是Facebook开发的一个检测文件系统变化的工具,在RN开发中可以检测js文件等是否有变化,从而达到保存及编译的效果。这个在windows中也有,个人觉得可装也可以不装,直接手机上reload也是可以的。brew install watchmanFlow
静态类型检查工具brew install flowNuclide
Facebook推出的一款React Native集成开发环境(IDE),不过我不太喜欢,我一般用webstorm+Android/ios 的ide。快速开发React Native
每次学习一门新的语言,我们总是总喜欢来一个helloWord。react-native init HelloWord cd HelloWord react-native run-ios
注:也可以用Xcode打开iOS/HelloWord.xcodeproj 并点击Run按钮。
小提示:react-native命令行从npm官方源拖代码时会遇上麻烦。请将 npm仓库源替换成淘宝的:npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global
关于在mac上怎么搭建Android的运行环境这里不在讲解,大家可以看看我之前的文章React 和Android的整合,这篇文章也是补了之前RN在windows环境下开发,而没有在mac下开发,后面我们将讲解怎么在mac上开发一款RN应用。
相关文章推荐
- 在MAC上搭建tomcat,再使用servlet时遇到的问题。
- IOS即时通讯 - mac搭建Openfire服务器
- 【iOS-cocos2d-X 游戏开发之一】在Mac下结合Xcode搭建Cocos2d-X开发环境!
- [置顶] Mac 使用
- 【android-cocos2d-X 环境配置】在Mac下搭建Cocos2d-X-android开发环境!
- ios即时通讯客户端开发之-mac上搭建openfire服务器
- mac下eclipse开发环境搭建
- Mac下搭建Cocos2d-x开发环境
- Mac OS X上搭建本地SVN服务器
- Mac 上使用virtualenv 搭建环境与配置
- (一)Hololens Unity 开发环境搭建(Mac BOOTCAMP WIN10)
- [置顶] Qt的5种常用布局搭建
- 磨刀:mac 上简洁搭建ejabberd 环境
- Mac上搭建ELK
- 在Mac OS X + Idea下搭建Maven项目 -- 安装maven及常用mvn命令介绍
- Quick-Cocos2dx-Community 3.6.1 mac版环境搭建
- [置顶] OpenStackMitaka版双节点搭建架构图
- [置顶] Mac下配置神器PhpStrom开发环境
- [置顶] github pages + Hexo + 域名绑定搭建个人博客增强版