React Native学习(二)-搭建开发环境(Mac)

一.安装Homebrew

什么是Homebrew?

Homebrew是一款Mac OS平台下的软件包管理工具，拥有安装、卸载、更新、查看、搜索等很多实用的功能.简单的一条指令，就可以实现包管理，而不用你关心各种依赖和文件路径的情况，十分方便快捷.

image

安装Homebrew:

将以下命令粘贴至终端。

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

Homebrew介绍和使用

二.安装Node

什么是Node

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。(React Native开发语言是JavaScript,Node.js是其运行环境) .
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效

安装Node

$ brew install node

默认安装最新版本
Node.js中文文档

三.安装Watchman

什么是Watchman

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

安装Watchman

$ brew install watchman

四.npm

npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系.

安装node.js时，npm将自动安装,npm会伴随Node.js的更新而更新, 所以可以确保使用最新的npm.

设置npm镜像源

$ npm config set registry https://registry.npm.taobao.org --global
$ npm config set disturl https://npm.taobao.org/dist --global

五.安装Yarn、React Native 的命令行工具（react-native-cli）

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

安装Yarn、react-native-cli

$ npm install -g yarn react-native-cli

设置 yarn 镜像源

$ yarn config set registry https://registry.npm.taobao.org --global
$ yarn config set disturl https://npm.taobao.org/dist --global

安装完 yarn 之后就可以用 yarn 代替 npm 了，例如用yarn代替npm install命令，用yarn add 某第三方库名代替npm install 某第三方库名。

六.安装Xcode

什么是Xcode

Xcode是iOS开发者工具(IDE),React Native开发的App需要通过Xcode的命令行工具将程序程序转换成可以在iOS系统上运行的App,Xcode同时提供iOS模拟器,方便进行调试.
React Native 目前需要Xcode 9.4 或更高版本。你可以通过 App Store 或是到Apple 开发者官网上下载。这一步骤会同时安装 Xcode IDE、Xcode 的命令行工具和 iOS 模拟器。

Xcode 的命令行工具

启动 Xcode，并在Xcode | Preferences | Locations菜单中检查一下是否装有某个版本的Command Line Tools。Xcode 的命令行工具中包含一些必须的工具，比如git等

image.png

OVER

---

此时一个不谙世事的小学生路过