博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
RN学习(一)——创建第一个RN项目
阅读量:6952 次
发布时间:2019-06-27

本文共 1127 字,大约阅读时间需要 3 分钟。

    最近在研究RN+codePush。顺便记录一下,分享给想学习RN的小伙伴,让我们一起从入门到放弃~~~

安装RN到本地===在根目录下操作。

  1. 先安装Homebrew(若已安装,可跳过)
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"复制代码

  1. 安装node和webpack
brew install nodebrew install webpack复制代码

测试node和webpack是否安装成功,可用如下图所示来测。若本地安装,则会显示对应版本号。

  1. 设置国内镜像(常年开VPN的小伙伴可忽略)
npm config set disturl https://npm.taobao.org/dist --global复制代码

这里出错了,按提示走就可以,复制sudo那一行更改目录权限,再设置国内镜像。

  1. 安装RN:直接输入npm install -g react-native-cli。会因为权限不够而报错:npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules。所以我们直接输入下面两句话
sudo chown -R $(whoami) /usr/local/*npm install -g yarn react-native-cli复制代码

测试安装成功否,react-native -v。

OK,RN现在就安装完毕了,目前应该都挺顺利的吧。咱们开始下一步。

创建RN项目到本地===可进入到桌面,cd ~/Desktop创建,或其它任一文件夹下

  1. 创建RN项目
react-native init RNTest复制代码

RNTest为项目的名字,可替换。创建成功后,可看到如下图所示的文件目录。

  1. 跑项目,看成果了~~先进RNTest(RN项目)里面,然后运行,如下。
cd RNTestreact-native run-ios复制代码

但是报错了,如下图所示,没运行起来。

若报错,去Xcode设置一下就行了(如下图,在Command Line Tools点一下,选择),或者直接从Xcode里面打开项目。

运行起来后,可在App.js里面修改,保存后,在模拟器直接Cmd+R就可以看到效果,这比iOS编译等半天简直好太多了(当然,iOS也可以用InjectionIII神器来实现reload)。如下。

好啦,第一个RN项就搭建完了,很简单,有木有。下一篇把集成codePuh的过程整理一下,分享出来。

转载地址:http://kdnil.baihongyu.com/

你可能感兴趣的文章
运维编程题
查看>>
bind()测试
查看>>
类和对象
查看>>
Django框架 之 ORM中介模型
查看>>
set 集合容器实现元素的插入与中序排序
查看>>
最常使用Eclipse快捷键
查看>>
jmeter的如何设置headers
查看>>
ssh免密登入
查看>>
Eclipse设置智能提示
查看>>
虚拟化这八年-【软件和信息服务】2014.11
查看>>
使用swfupload上传超过30M文件,使用FLASH上传组件
查看>>
OkHttp简介
查看>>
如何使用通用Mapper
查看>>
MYSQL建表语法(主键,外键,联合主键)
查看>>
多线程的通信和同步(Java并发编程的艺术--笔记)
查看>>
Linux使用du和df查看磁盘和文件夹占用空间
查看>>
CentOS 6.6 MySQL install
查看>>
从零开始用gulp
查看>>
android之Activity的生命周期
查看>>
hadoop2.4 支持snappy
查看>>