React Native做前端开发环境准备[Mac]

做APP开发首先要搭建本地开发环境,本文介绍如何在Mac上搭建RN环境

环境搭建主要步骤:

1,nodejs+npm

2,homebrew (Mac系统10.11以上)

3,watchman

4,git bash v2.x

5,Atom + Nuclide

具体安装步骤:

1,nodejs+npm

nodejs可以直接去官网下载安装,下载地址:https://nodejs.org/en/ 

找到对应版本下载默认安装即可,安装完成之后再打开终端输入如下命令查看安装版本

node -v
npm -v

显示对应版本即安装成功。

2,homebrew

首先确定Mac系统是10.11以上,否则安装会失败

在终端输入如下命令:

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

安装完成之后 在终端输入命令: brew -v 即可查看对应版本。

3,watchman

watchman 安装 在终端中执行命令:brew install watchman

4,git bash v2.x

下载地址:https://git-scm.com/  找到downloads Mac OS X

5,Atom + Nuclide

Atom是一款应用,先安装Atom 然后安装Nuclide,因为Nuclide项目已经不维护了网上有些博客里写的安装教程已经失效这里踩了一点坑。

Atom 直接下载解压 下载地址:https://atom.io/ 

网址很难打开耐心等一等,打开后点击Download 下载 atom-mac.zip 下载完成之后打开压缩包就可以了。

Nuclide 安装

# 进入packages 目录
cd ~/.atom/packages
# clone clone完成之后packages下面会多一个文件夹Nuclide
git clone https://github.com/facebook/nuclide.git
cd nuclide
# Install dependencies
yarn --pure-lockfile
# link nuclide atom 
apm link

注意 安装依赖时候如果报错 可能是 yarn没有安装 此时新建一个终端安装yarn使用npm即可安装

npm install -g yarn

安装完成之后 重新打开Atom 看到导航栏出现Nuclide 即表示安装成功。

 

你可能感兴趣的:(经验,APP)