美文网首页RNRNiOS进阶
配置RN 开发环境

配置RN 开发环境

作者: 天蓝色的海岸 | 来源:发表于2016-12-09 16:09 被阅读90次

研究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 开发环境

    研究RN 有段时间了,今天想停下来写代码,来总结一些东西。 首先搭建RN 开发环境(mac环境下 命令行输入) 1...

  • webstorm配置RN调试

    1. 配置RN开发环境,参考RN中文学习网,安装好所需要的各类工具 2. 安装webstorm,导入RN工程,如下...

  • react-native run-ios报错

    初探RN按照 RN中文网 文档配置完开发环境之后运行react-native run-ios报错 可能有":CFB...

  • ReactNative - 打离线包

    配置RN的开发环境 搭建开发环境 初始化项目 打包 在ios目录下创建bundle文件,将打包的文件放在bundl...

  • Mac 系统 React Native 开发环境的搭建

    最近由于换了环境,所以需要重新配置下 Mac 系统的 React Native (后面简称为 RN)开发环境,在此...

  • Mac 环境搭建 React Native

    配置mac开发环境(刚开始学习RN,随记一下环境搭建) 1. 基本环境安装 先安装Homebrew:用于安装Nod...

  • 将RN项目集成到你的项目-iOS

    关于RN的环境搭建请参考搭建开发环境,最好自己创建了AwesomeProject,因为有些配置文件可以直接从Dem...

  • Mac下RN开发环境配置

    RN开发环境配置:建议看着官网来 当对于官网我这里写的有点改动 因为照着官网我的电脑配置的时候报错了 官网不告诉你...

  • OC项目中引入RN

    引入的前提是你的电脑已经配置好了React Native的环境。参考链接:搭建RN的开发环境 1,建立目录结构 初...

  • 为React-native选一款得心应手的编译器

    相信很多童鞋在配置好RN的各种环境,并且成功运行起来RN应用之后的第一个棘手问题就是用什么编译器来开发RN?(我刚...

网友评论

    本文标题:配置RN 开发环境

    本文链接:https://www.haomeiwen.com/subject/smgemttx.html