`

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-mind-plugin:React头脑

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

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

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

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

    Weather-App-React-Native:采用react-native构建的天气预报iOS App

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

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

    安卓java读取网页源码-react-native-example-toilet:react-native-example-厕所

    react-native run-ios(run-android) 服务端:具体看下面说明 1、express开发 1.1 npm环境设置 安装node软件: 安装淘宝滤镜:npm install -g cnpm --registry = 设置全局的npm从国内下载资源, npmrc添加配置。mac...

    安卓java读取网页源码-react-native-full-example-chunlei:react-native-full-exampl

    react-native run-ios(run-android) 服务端:具体看下面说明 1、express开发 1.1 npm环境设置 安装node软件: 安装淘宝滤镜:npm install -g cnpm --registry = 设置全局的npm从国内下载资源, npmrc添加配置。mac...

    VSCode 配置React Native开发环境的方法

    本文介绍了VSCode 配置React Native开发环境的方法,分享给大家,具体如下: 1.安装VSCode 2.安装插件 按F1 并输入 ext install 并回车, 或者使用 输入react-native安装React Native Tools 假定你已经在设备上...

    React Native 开发指南_中文扫描完整版

    3.1 搭建环境 13 3.2 创建一个新的应用 17 3.3 探索示例代码 24 3.4 开发天气应用 27 3.5 小结 40 第4章 移动应用组件 42 4.1 类比HTML 元素与原生组件 42 4.2 处理触摸和手势 46 4.3 使用结构化组件 58 ...

    听晴明老师从头讲React Native

    【录播】macOS iOS环境搭建(19分钟) 免费试学 【录播】macOS Android环境搭建(17分钟) 免费试学 【录播】Windows Android环境搭建(10分钟) 免费试学 【录播】Android设备的使用和注意事项(8分钟) 免费试学 02 ...

    安卓毕业设计app源码-VneedU-iOS:一个简单的ReactNative应用

    MVC和MyBatis框架搭建RESTful API服务器,并使用React Native创建相应的App。 如上所述,该项目尚未准备好用于生产,如果您克隆此存储库,则不建议用于业务。 这个 iOS 项目几乎是用纯 JavaScript 编写的,但依赖于...

    My-React-Native-App:基于expo搭建的React Native+Node.js仿闲鱼(项目代号:闲猪)项目

    此外还可以在电脑上安装ios和安卓模拟器,直接在模拟器上查看应用程序,具体安装步骤在React Native官网有说明: 项目克隆和启动 1.克隆项目到本地: git clone https://github.com/H-JW0829/My-React-Native-App

    ReactNative用javascript开发移动应用

    《React Native:用JavaScript开发移动应用》围绕着如何将一个完整App提交到App Store,讲解了使用React Native开发iOS应用所涉及的方方面面。首先介绍了Flexbox布局,教大家从零开始搭建一个初始应用,以此阐明...

    react native入门

    react native入门ppt及相应demo。 react native的环境搭建可以参考官网上的指引。

    React Native搭建iOS开发环境

    React Native的门槛不管是对于前端开发者还是移动端开发者来说都是很高的,既要懂原生又要懂js,技术栈是相当长的。但是没有关系,下面我们一步步来学习,慢慢成长吧!

    安卓java读取网页源码-React-Native-Base-Learn:Reactnative基础学习

    Native基础学习 Imaage引入图片路径的两种方式 1.引入被你图片路径:srouce={require('./1.png')} 2.引入网络图片(注意iOS如果是http不能渲染):srouce={{url:‘http://.....’}} 注意:引入网络图片需要制定图片...

    MacOS系统实现React-Native跨平台开发(IOS和Android)

    (1)参考官网地址:https://reactnative.cn/docs/getting-started.html  1》安装相应的node环境、(npm、yarn)包管理器、(watchman)文件检测服务、  (react-native-cli)脚手架、(CocoaPods)第三方包依赖...

    FootballApp-React-Native

    搭建开发环境文件网址Mac OS-IOS节点和守望者brew install nodebrew install watchmanXcode和CocoaPods sudo gem install cocoapods运行您的React Native应用程序npx react-native start开始你的申请npx react-...

Global site tag (gtag.js) - Google Analytics