React-Native安装使用

先附上React-Native官方文档中文版：http://wiki.jikexueyuan.com/project/react-native/getting-started.html

好，接下来我们看下安装的过程。

首先是五个需求

  1. OS X – 现在这个仓库只包含 iOS 实现，且 Xcode 只能在 Mac 上运行。
  2. 不知道 Xcode 吗？从 Mac App Store 上 下载它。
  3. 安装 node，watchman，flow 的推荐方法是 Homebrew。
  4. brew install node。不知道 node 和 npm
  5. brew install --HEAD watchman。我们建议安装 watchman，否则你可能会遇到一个有bug的node文件。
  6. brew install flow。如果你想使用 flow。

下载XCode，不用多说。

在Terminal中输入了 brew install node 命令，提示

-bash: brew: command not found

表明我的电脑里面没有Homebrew(这是官网 http://brew.sh/index_zh-cn.html )，我们只需要输入命令

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

然后，等待就可以啦。不过运行上面的命令必须用vpn，别忘了哦。

出现

==> Installation successful!

表明安装成功。然后输入命令

brew install node

brew install --HEAD watchman

brew install flow

成功！

接下来就是快速开始，我在这里遇到了一点问题

  • npm install -g react-native-cli
  • react-native init AwesomeProject

当我输入第一个命令时，报了错，出现

npm ERR! tar.unpack untar error /Users/zhenghm/.npm/react-native-cli/0.1.7/package.tgz

等一堆错误，原因是npm文件夹操作需要获取系统权限，命令前面加上sudo即可。

到这里就结束了，有什么问题请留言我们相互探讨，谢谢~

时间： 2024-10-03 13:38:53

React-Native安装使用的相关文章

React Native安装步骤

先贴出中文网安装指南:http://reactnative.cn/docs/0.46/getting-started.html 本文会点出一些安装时遇到的坑,和解决方案! 1.首先是安装Chocolatey,cmd执行 @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'

React Native安装及搭建

注:目标平台为ios,开发平台MacOS 1.环境搭建 详细安装步骤可访问官网 https://reactnative.cn/docs/0.51/getting-started.html 主要需安装以下几个: homebrew node react-native-cil Xcode watchman.flow 原文地址:https://www.cnblogs.com/Jayeblog/p/8440094.html

React Native 初学-环境搭配

一.环境需求 1.1 .安装HomeBrew 安装方式 ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 1.2.安装npm和Node.js : Node.js安装地址: https://nodejs.org/en/download/ 安装位置: Node.js was installed at /usr/local/bin/node npm was ins

【React Native开发】React Native For Android环境配置以及第一个实例

转载请标明出处: http://blog.csdn.net/developer_jiangqq/article/details/50456967 本文出自:[江清清的博客] (一)前言 FaceBook早期开源发布了React Native For IOS,终于在2015年9月15日也发布了ReactNative for Android,虽然Android版本的项目发布比较迟,但是也没有阻挡了广大开发者的热情.可以这样讲在2015年移动平台市场上有两个方向技术研究比较火,第一种为阿里,百度,腾讯

React Native环境配置和简单使用

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

React Native 初探

推荐文章 React Native 简介:用 JavaScript 搭建 iOS 应用 (1) React Native 简介:用 JavaScript 搭建 iOS 应用 (2) React Native入门实例教程系列文章 React Native组件开发系列文章 React Native 环境搭建 - Mac版 1. 安装homebrew 用brew -v查看是否安装过: 如果没有,则浏览器访问 http://brew.sh/ 安装 2. 安装node 用node -v查看是否安装过 安装

在Windows上搭建React Native Android开发环境

安卓环境配置 安装JDK 安装完成后,使用命令行检查版本 java -version 安装Android Studio 以及SDK 下载AS和SDK,建议使用http://www.androiddevtools.cn/,这里整理得比较清晰,SDK下载可能要使用国内镜像,具体使用上面的网址有介绍. 这里需要注意设置环境变量ANDROID_HOME 1. 打开控制面板,选择系统和安全->系统->高级系统设置->高级->环境变量->新建,变量名填写ANDROID_HOME,变量值填

React Native集成到Android项目当中

集成到Android项目当中 安装JavaScript依赖包 在项目根目录下创建一个名为package.json的空文本文件,然后填入以下内 { "name": "MyReactNativeApp", "version": "0.0.1", "private": true, "scripts": { "start": "node node_modules/r

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学习笔记--史上最详细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