配置RN 开发环境

研究RN 有段时间了,今天想停下来写代码,来总结一些东西。

首先搭建RN 开发环境(mac环境下 命令行输入)

1.安装Homebrew

Homebrew是macOS 不可或缺的套件管理器

安装方式:

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

2.安装npm和Node.js

安装好Node.js后npm 自动就有了

安装Node.js,网址安装网址

3.安装watchman

watchman 百度百科对它的描述是:一款屡获殊荣的系统安全软件,提供文件保护、应用程序使用日志、访问控制管理等功能,能够停止非法程序的运行、锁定文件或文件夹、保护软件配置,以及监控程序使用情况!

安装方式:brew install watchman

4.安装Flow

flow 是一个JavaScript 的静态类型检查器,可以方便的找出代码中可能存在的类型错误

安装方式:brew install flow(提示 command not found)的时候在前面加上sudo

5.React Native 安装

安装方式:nam install -g react-native-cli

6.分别安装Xcode 8 和android studio(此处不解释)

7.安装Genymotion(android 模拟器)

安装地址Genymotion

8.用React Native 生成第一个应用

在命令行输入 react-native init 项目名称 (网络状况影响创建速度,耐心等待一下) 还有一个替换镜像的办法可能会快点 npm config set disturl https://npm.taobao.org/dist

9.结束语

当然开发RN 的话还需要安装webstorm 贴上我第一次运行成功的图(Xcode)


配置RN 开发环境_第1张图片

你可能感兴趣的:(配置RN 开发环境)