`

react native 环境搭建 -ios

 
阅读更多

   

 1.install Homebrew

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

2.安装nvm

brew install nvm

 

mkdir ~/.nvm

vi ~/.bash_profile
写上
export NVM_DIR=~/.nvm
.$(brew --prefix nvm)/nvm.sh

然后保存。

    关闭命令行重新打开,输入命令

  

nvm --version

    会提示 0.31.0

3.安装watchman,flow

   

brew install watchman
brew install flow

4.安装xocde 

    进入appstore,点击xode下载并安装

 

5.安装nodejs

   nvm install node  //这个安装会比较久,最好使用vpn,不然安装困难

   nvm alias default node

5.安装react native

   npm install -g react-native-cli  //下载比较困难

6.创建react native项目

  react-native init Awesome  //Awesome 项目名称

 

分享到:
评论

相关推荐

    react native windows 环境搭建

    ### React Native for Windows 开发环境搭建指南 #### 一、概述 React Native 是 Facebook 推出的一款用于构建原生移动应用的框架,它允许开发者使用 JavaScript 和 React 构建 iOS 和 Android 应用。本文档将详细...

    react-native-mind-plugin:React头脑

    这是一个 ReactNative 思维导图插件,支持 iOS 14.3 和 Android 11 (其他版本待测试)。 声明 代码来自于 react-native-mind ,本人只是做了一些微小的修改使其支持运行在 ReactNative 0.63.3 版本, 对 在此表示...

    React Native 环境搭建的教程

    在本篇文章中,我们详细介绍了 React Native 环境搭建的教程,包括环境搭建、创建应用、package.json 文件、iOS 和 Android 目录、初次运行和启动过程。希望这篇文章能够对大家的学习有所帮助。

    React-Native---The-Practical-Guide:React Native的代码存储库-实用指南,由Packt发布

    1. **环境搭建**:包括安装Node.js,设置开发环境,如npm或yarn,以及安装React Native CLI。 2. **基础概念**:学习React组件化编程,JSX语法,以及如何使用React Native的基础组件如View、Text、Image等构建UI。 3...

    ReactNative-LiveTemplate-master_officer6i8_React_madji2_DEMO_源码

    ReactNative-LiveTemplate-master_officer6i8_React_madji2_DEMO_源码是一个基于React Native的项目模板,适合初学者和开发者快速搭建React Native应用。React Native是由Facebook开发的一个开源框架,它允许使用...

    WeatherAppReactNative采用reactnative构建的天气预报iOSApp

    React Native是由Facebook开发的开源框架,它允许开发者使用JavaScript和React库来构建原生的iOS和Android应用程序。这个框架的核心理念是"Learn Once, Write Everywhere",意味着开发者可以使用相同的代码库在不同...

    快速搭建ReactNative项目的一个starter

    这个“快速搭建React Native项目的一个starter”提供了一个基础的项目模板,旨在帮助开发者快速启动他们的React Native应用开发。 一、React Native基础知识 React Native的核心理念是“Learn once, write anywhere...

    react-native-boilerplate-master.rar

    这个模板包含了开发移动应用程序所需的基本配置和组件,帮助开发者节省时间,避免从零开始搭建整个项目环境。让我们详细了解一下这个boilerplate包含哪些关键知识点。 1. **React Native**: React Native是由...

    react-native-instagram-clone:instagram与世博会克隆

    1. **环境搭建**:首先,你需要安装Node.js、React Native命令行工具和Android/iOS开发者工具,设置好模拟器或物理设备。 2. **项目初始化**:使用`react-native init`命令创建项目,然后将此克隆项目代码导入。 3...

    58同城 App 在 React Native 上的开发实践-iOS 视角

    React Native 发展到现在,与已有 App 的深入整合具有更强的实际意义。此分享根据 58 同城在 React Native 上的开发实践,侧重于从 iOS 端介绍架构的搭建/自定义组件实现/热更新平台等方面的问题。

    React Native 快速搭建商城项目基础结构帖子附件代码

    在“React Native 快速搭建商城项目基础结构帖子附件代码”中,我们可能涉及到以下几个关键知识点: 1. **React Native基础知识**:React Native的核心概念包括组件化、JSX语法、状态管理和生命周期方法。组件是...

    基于reactnative的脚手架在官方初始化项目的基础上

    本项目基于React Native的官方初始化项目,为开发者提供了一个起点,帮助他们快速搭建和配置React Native应用。 首先,我们要理解React Native的核心概念。React Native结合了React的声明式编程模型和组件化思想,...

    beginning mobile app development with react native

    React Native是一种流行的移动应用开发框架,它允许开发者使用JavaScript语言来编写原生iOS和Android应用。与传统的原生应用开发相比,React Native以其跨平台特性和高效的开发速度而受到开发者的青睐。以下是React ...

    EXPO XDE ReactNative For windows

    Expo XDE(Experience Development Environment)是React Native社区推出的一款集成开发环境,专门针对React Native应用的开发。React Native是由Facebook开发的开源框架,它允许开发者使用JavaScript来编写原生的...

    基于React Native+Redux的iOS混合开发项目.zip

    在本项目"基于React Native+Redux的iOS混合开发项目.zip"中,我们主要探讨的是如何利用React Native框架和Redux状态管理库来实现一个跨平台的iOS应用开发。React Native是Facebook推出的一个开源框架,它允许开发者...

    react native入门

    **一、React Native环境搭建** 1. **系统要求**: 开发React Native应用需要准备一个装有Node.js的开发环境。对于Windows用户,可能还需要安装Python 2.7和Visual Studio。对于Mac用户,推荐使用Homebrew来安装必要...

    前端开源库-envirs-react-native-cli

    通过提供一键式的命令,它使得开发者可以更快速地搭建和管理React Native应用,减少了在不同平台上设置环境的复杂性。 使用envirs-react-native-cli,开发者可以: 1. **快速初始化项目**:通过简单的命令,快速...

    JavaScript_React Native Advanced Guide Book iOS Android成为2024年的

    4. **React Native环境搭建**:指导读者配置开发环境,包括Node.js、npm、React Native CLI以及模拟器或真机的设置。 5. **React Native组件**:讲解原生组件如视图(View)、文本(Text)、图像(Image)和触摸...

    东方耀手把手教React Native实战开发

    第1课1、手把手教React Native实战之环境搭建【Mac真机】同时调试开发Android&IOS; 第2课2、手把手教React Native实战之从React到RN 第3课3、手把手教React Native实战之flexbox布局(RN基础) 第4讲4、手把手教React ...

Global site tag (gtag.js) - Google Analytics