React Native Mac配置指南

步骤

依照React Native官网步骤一步步安装,记录例如以下

1.安装Homebrew (依照官网 在命令终端输入命令就可以)

2.安装nvm(node version manager),即Node.js的安装下载器。

(1)命令终端->git clone https://github.com/creationix/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 —tags`(因为.nvm在文件夹视图下是不合法的命名方式。所以文件夹视图看不到该文件夹。仅仅可以在命令行下进入)

(2)为Mac系统指明nvm.sh的位置

命令终端->source ~/.nvm/nvm.sh 或 . ~/.nvm/nvm.sh。

(3)加入系统文件夹nvm

为避免每次都要指明nvm.sh的位置能够为命令终端加入启动配置

*配置~/.profile

命令终端->touch ~/.profile

open -e !$

将会打开profile文件,加入

export NVM_DIR="$HOME/.nvm"

[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm

*配置~/.bashrc(可不配置?)

步骤同上

3.安装Node.js

既然上一步已经安装好了nvm,如今就能够通过nvm安装最新版的Node.js了。

命令终端->nvm install node && nvm alias default node

4.依照官网步骤。在命令终端一次输入命令,安装watchman, flow

(1)命令终端->brew install watchman

(2)命令终端->brew install flow

5.安装React Navtive client

命令终端->npm install -g react-native-cli (npm: Node Package Manager)

6.Quick Start

OK!如今已经全然配置好了React Native,如今就能够用Native生成实例程序了!

命令终端->react-native init project名字

React Native就会在你的用户根文件夹下生成对应的project。并包括简单的代码实现。

时间: 2024-10-13 02:29:45

React Native Mac配置指南的相关文章

史上最详细Windows版本搭建安装React Native环境配置 转载,比官网的靠谱亲测可用

史上最详细Windows版本搭建安装React Native环境配置 2016/01/29 |  React Native技术文章 |  Sky丶清|  95条评论 |  33530 views 编辑推荐:稀土掘金 是一个高质量的技术社区,从 React Native 到 RxJava,性能优化到优秀开源库,让你不错过移动开发的每一个技术干货.各大应用市场搜索「掘金」,技术干货尽在掌握中. 说在前面的话: 感谢同事金晓冰倾情奉献本环境搭建教程 之前我们已经讲解了React Native的OS X

React Native环境配置和简单使用

# 前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会有所偏差,在学习中如果有错会及时修改内容,也欢迎万能的朋友们批评指出,谢谢 文章第一版出自简书,如果出现图片或页面显示问题,烦请转至 简书 查看 也希望喜欢的朋友可以点赞,谢谢 了解 React Native 大家都知道,开发原生 App 的成本很高,但是目前基于原生开发仍然是必需的,随着 HTML

windows 7下React Native环境配置

React Native 是 Facebook 推出的一个用 Java 语言就能同时编写 ios,android,以及后台的一项技术,它可以做到实时热更新 .FaceBook 也号称这们技术是 “Learn Once,Write AnyWhere”,学习成本只有一次,却完成了所有开发角色的统一. 这意味着: 1.app 将来都是可像网页一样热更新,随时发布. 2.对于一名开发人员,将再也没有前端,终端,后台的区分,他所关注的就是做一整套应用程序,人力将得到最大幅度的整合与释放. 3.代码复用将会

Windows版本搭建安装React Native环境配置

1 安装Chocolatey 打开cmd黑窗口 @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin把这个代码粘进去,回车 2 安装No

React Native环境配置

该教程主要介绍如何用react native来开发iOS,所以首先,你需要有一台mac,当然黑苹果也是可以的~ 创建一个react native的项目只需要安装以下五个组件~~(但....坑爹的是,不FQ的话安装慢成狗呀) 1. 安装 xcode 做过ios相关开发的都知道这个,作为ios开发的首席IDE,直接从Apple Store搜索下载就可以了. 2. 安装 brew brew也要Homebrew,它是什么呢?官网的解释是: Homebrew installs the suff you n

react native mac install

Mac上使用react native tips: 1. 安装Homebrew ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 2. 安装nvm 和 node nvm: curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash export NVM_

React Native环境配置之Windows版本搭建

接近年底了,回想这一年都做了啥,学习了啥,然后突然发现,这一年买了不少书,看是看了,就没有完整看完的.悲催.然后,最近项目也不是很紧了,所以抽空学习了H5.自学啃书还是很无趣的,虽然Head First Html5 Programming(中文版)这本书讲的很有意思,但是学习了大半本就想自己动手练练,所以得找个框架玩玩.另外之前也就听说过React Native很火,火了半个地球了,而且它号称"Learn once,write anywhere"这句话在移动开发猿眼里意味着什么呢,我不

react-native学习笔记--史上最详细Windows版本搭建安装React Native环境配置

参考:http://www.lcode.org/react-native/ React native中文网:http://reactnative.cn/docs/0.23/android-setup.html#content 1.安装Jdk(最好默认安装路径尽量别改) http://jingyan.baidu.com/article/a24b33cd59b58e19fe002bb9.html http://www.jb51.net/article/36811.htm(三个环境变量都配置)  Ja

Windows版本搭建安装React Native环境配置及相关问题

此文档整理参考地址: http://www.lcode.org/%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86windows%E7%89%88%E6%9C%AC%E6%90%AD%E5%BB%BA%E5%AE%89%E8%A3%85react-native%E7%8E%AF%E5%A2%83%E9%85%8D%E7%BD%AE/ http://android-mirror.bugly.qq.com:8080/include/usage.html 1.安