[转] 在Mac上搭建React Native开发环境
原文链接: http://blog.csdn.net/xiangzhihong8/article/details/53914336
概述
前面我们介绍过在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)"
- 1
然后一路回车
最后出现success,就表示安装成功了。
安装完成后,可以用brew doctor命令检测下是否有什么冲突的地方。关于Homebrew其他的介绍可以自行查看官网资料。
安装 Node.js
React Native 需要 NodeJS 4.0或更高版本,Homebrew的Node默认包是6.0版本的,所以直接安装即可:
brew install node
- 1
安装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 watchman
Flow
静态类型检查工具
brew install flow
Nuclide
Facebook推出的一款React Native集成开发环境(IDE),不过我不太喜欢,我一般用webstorm+Android/ios 的ide。
快速开发React Native
每次学习一门新的语言,我们总是总喜欢来一个helloWord。
react-native init HelloWordcd 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应用。
转载于:https://www.cnblogs.com/dfyg-xiaoxiao/p/7625369.html
[转] 在Mac上搭建React Native开发环境相关推荐
- 在windows上搭建React Native开发环境
最近要学习React Native,但是在window上搭建开发环境的时候遇到了些问题,以至于一直没有搭建好开发环境. React Native相关项目及文档: react-native的GitHub ...
- python数据分析开发环境_在MAC上搭建python数据分析开发环境
最近工作转型到数据开发领域,想在本地搭建一个数据开发环境.自己有三年python开发经验,马上想到使用numpy.scipy.sklearn.pandas搭建一套数据开发环境. ubuntu的环境,百 ...
- 【挑战】手机Termux搭建React Native开发环境
我这里选用alpine来做开发环境,主要因为它体积小巧,方便移植和分享.如果只是我自己使用的话,我更喜欢使用ubuntu或者archlinux.alpine做开发环境,可能会遇到的问题就是中文语言环境 ...
- 在MAC上搭建eclipse+android开发环境
一.Eclipse的下载 到网站:http://www.eclipse.org/downloads/ 上,由于我们是用Java开发的所以步骤如下: 1. 找到"Eclipse IDE ...
- 在MAC上搭建eclipse+android开发环境以及eclipse的svn插件的安装
一.Eclipse的下载 到网站:http://www.eclipse.org/downloads/上,由于我们是用Java开发的所以步骤如下: 1. 找到"Eclipse IDE for ...
- Mac M1 搭建 React Native 环境
Mac M1 搭建 React Native 环境 环境安装 可以参考对照官方文档,本文针对M1芯片目前未完全适配情况下的方案,算是临时解决方案,不具有时效性. 你需要自行准备的依赖:Xcode &g ...
- windows 下配置 react native 开发环境
windows 下配置 react native 开发环境 安装nvm 由于react native 需要使用 NodeJs 4.0以上版本,为了方便切换NodeJs,首先我们需要安装nvm. 你可以 ...
- Windows环境下安装React Native开发环境----记一次填坑过程
前言 集成React Native开发环境遇到各个坑,调试了很久出现过找不到设备,百度上个别人的资料有误被绕来绕去耽误了很多时间,下载慢等待时间过长等问题,最后多方查阅资料,电脑重启等操作终于部署好了 ...
- React Native开发环境搭建
1.安装Homebrew,简称brew,是Mac OSX上的软件包管理工具,能在Mac中方便的安装软件或者卸载软件 2.安装node,brew install node 3.使用 homebrew 安 ...
最新文章
- SVN-项目 XXX 受源代码管理。向源代码管理注册此项目时出错。建议不要对此项目进行任何修改...
- 用 TensorFlow 目标检测 API 发现皮卡丘!
- soap php 分开类,将请求处理到同一PHP SOAP服务器中的多个类
- js 简单的数组去重13种方法
- git教程(二)--安装和配置git
- java-DateFormat
- 大数据外部性案例分析_大数据外部性案例分析
- 小米路由器梅林_小米路由器刷Merlin
- 集成海康威视Sadp SDK实现重置密码
- 计算机分区容量计算公式,硬盘整数分区计算方法(附NTFS整数分区数值表)
- orcl导入dmp语句_oracle用imp导入dmp文件的方法
- 【系统分析师之路】第十九章 复盘知识产权标准化
- WeCenter 文件目录结构
- 401 Unauthorized: ERROR Failed to connect to newly launched supervisor. Agen
- hurst代码 python_python中的Hurst指数
- codeforces1467D. Sum of Paths
- RocketMQ如何维持心跳
- git 将暂存区文件提交_git文件状态,暂存与提交
- 联网门锁·未来可期|专访中科易安教育行业事业部CSO聂辛
- IDEA 快捷键 代码上移一行 下移一行 快捷键 try catch 块 快捷键