在Mac上搭建ReactNative开发环境

1.安装Homebrew,   Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件。

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"


2.安装node.js
2.1可以在node.js官网下载软件进行安装。
2.2使用第一步安装的Homebrew来安装node.js

brew install node
设置镜像源
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

3.安装react-native-cli命令行工具

Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

npm install -g yarn react-native-cli
设置镜像源

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
 
用init命令默认创建最新的版本,AwesomeProject是项目的名称
react-native init AwesomeProject

进入项目
cd AwesomeProject

安装xcode之后,可以执行以下命来运行项目
react-native run-ios








 

推荐安装的工具

Watchman是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager可以快速捕捉文件的变化从而实现实时刷新)。

brew install watchma

Flow是一个静态的JS类型检查工具。译注:你在很多示例中看到的奇奇怪怪的冒号问号,以及方法参数中像类型一样的写法,都是属于这个flow工具的语法。这一语法并不属于ES标准,只是Facebook自家的代码规范。所以新手可以直接跳过(即不需要安装这一工具,也不建议去费力学习flow相关语法)。

brew install flow

Nuclide(此链接需要科学上网)是由Facebook提供的基于atom的集成开发环境,可用于编写、运行和 调试React Native应用。

点击这里阅读Nuclide的入门文档

译注:我们更推荐使用WebStormSublime Text来编写React Native应用。

 








 
 
 
时间: 2024-10-27 04:08:50

在Mac上搭建ReactNative开发环境的相关文章

Mac上搭建spark开发环境

本文将介绍在Mac os上搭建Spark开发环境. 在安装spark环境之前,需要确保配置相应的java环境,jdk或者jre的版本需要在1.8.0版本以上. (1)首先下载开发IDE,目前比较流行的IDE是IntelliJ IDEA,可以在官网下载使用,下载地址:https://www.jetbrains.com/idea/.(2)Spark环境搭建:mac上启动终端,使用brew install scala命令(brew是一个软件包管理工具,类似于centos下的yum或者ubuntu下的a

在Mac上搭建java开发环境

在Mac上安装Jdk 1.Jdk的下载 如果你要安装jdk7或者是jdk8可以直接去官网上下载,要安装jdk6的话,就到apple的开发者网站上下载 下载网址:http://connect.apple.com/ 2.默认安装路径 JRE路径:/System/Library/Frameworks/JavaVM.framework/ JDK路径:/Library/Java/JavaVirtualMachines/ JAVA_HOME的路径:/Library/Java/JavaVirtualMachi

Python之Mac上搭建集成开发环境

首先下载一个东西: 找到下载地址:https://download.jetbrains.8686c.com/python/pycharm-professional-2016.2.1.dmg pycharm 2016 注册码: 43B4A73YYJ-eyJsaWNlbnNlSWQiOiI0M0I0QTczWVlKIiwibGljZW5zZWVOYW1lIjoibGFuIHl1IiwiYXNzaWduZWVOYW1lIjoiIiwiYXNzaWduZWVFbWFpbCI6IiIsImxpY2Vuc2

在mac上搭建PHP开发环境

首先安装homebrew:ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 安装 nginx-1.10.2_1 <!-- lang: shell --> brew search nginx brew install nginx 配置: <!-- lang: shell --> cd /usr/local/etc/nginx/ mkdi

mac osx 搭建php开发环境

mac osx上搭建php开发环境: 1.由于系统自带了apache2.4.10和php5.5.20,没有打算再mamp. 启动apache: sudo apachectl start 重启apache: sudo apachectl restart 查看apache版本: httpd -v 2.配置php: 查看php版本: php -v 配置apache启用php: sudo vi /etc/apache2/httpd.conf 打开php5配置: LoadModule php5_modul

Mac下搭建php开发环境[翻译]

原英文链接:http://www.codeweblog.com/mac-os-x-to-configure-apache-php-mysql/ Mac OS X 内置了Apache 和 PHP,这样使用起来非常方便.本文以Mac OS X 10.6.3为例.主要内容包括: 启动Apache 运行PHP 安装MySQL 使用phpMyAdmin 配置PHP的MCrypt扩展库 设置虚拟主机 启动Apache 有两种方法: 打开"系统设置偏好(System Preferences)" -&

ubuntu14.04上搭建android开发环境

这几天心血来潮,想在ubuntu上写写android软件.所以就上网找些资料在ubuntu上搭建android环境,结果要么时不完整的,要么就是过时的.所以我把我搭建android环境的过程写下了,以便以后忘了可以参考参考,也给来看这篇博文的读者一些启迪吧. 搭建android环境有几个步骤: 1.必须得安装java吧 下载链接 java 选择最新的版本吧,将jdk解压到自己要放的文件夹,我的是/var/android/java. 然后配置环境变量: sudo gedit /etc/profil

mac 下搭建 Android 开发环境

因工作需要,要在mac 下搭建 Android 开发环境.谷歌.度娘了好久,没有找个一个完整又系统的方法,很是苦恼.最终,皇天不负有心人,找到了下面这篇文档,特此记录.也为有这方面需求的朋友提供个方便. 首先我们需要知道开发安卓的环境由以下几个组件组成:Java虚拟机JDK.Eclipse.Eclipse插件ADT(Android Developer Tool)和Android开发包SDK.下面就和大家一起学习如何来快速的,适合新手的搭建方式吧! 方法/步骤 因为系统自带jdk,所以就不用在下载

在windows上搭建django开发环境

参考自:https://docs.djangoproject.com/en/dev/howto/windows/ 环境: windows 8.1 Steps: 安装python 在 http://python.org/download/上下载windows版本进行安装 添加下面的路径到环境变量PATH: C:\Python34\;C:\Python34\Scripts; 安装开发IDE eclipse 下载地址: http://www.eclipse.org/downloads/ 安装eclip