配置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)


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 尽管在移动开发中,原生APP的开发成本很高,但现阶段基于原生开发仍然是必须的,因为Web的用户体验仍无法超越Nat...
    奔跑的大橙子阅读 10,755评论 0 11
  • -------------如果你使用的是Mac OS系统,请参照以下步骤----------- 安装前注意: 1)...
    Lucky丶晴阅读 3,607评论 0 3
  • 大学四年算是人生道路上一段最美好的旅程,大学四年最多的就是时间。日子好像很长,今天好像又无所事事,突然有一天你发现...
    斜杠小姐林暖儿阅读 4,438评论 9 4
  • 传说狐狸的眼泪可以起死回生,但代价是失去自己的双眼。小狐狸不知道自己是否有这样的能力,但她愿意为了生命中...
    陈小胖啊阅读 2,939评论 0 0
  • 最近因为下属竞聘的事不少费心,有时候都在质疑自己这样做是否合适?既担心大家在帝都人力界得不到认同又怕如果因为...
    鸣琴而治阅读 2,286评论 0 0

友情链接更多精彩内容