RN技术详细了解:

RN环境的搭建:

1、           首先安装node.js

2、           安装homebrew(网上内容很多自己找,详细的我就不多说了)

(1)   在homebrew下面安装watchman,命令:brew install watchman

(2)   在homebrew下安装flow,命令:brew install flow

(3)   接下来在本目录下面安装(bin目录下面,我看网上说的不明确,我在以前安装的时候出现过问题,如果用sudo没有权限的话,直接在本目录下面找到os你用户的根目录,直接把你用户的权限设置为-----read&write就可以了)。

(4)   然后用命令:npm install –g react-native-cli

(5)   ls查看nvm目录,

1>用命令:cd nvm

2>然后用命令关联nvm.sh:命令:source nvm.sh

(6)远程到node.js,命令:nvm ls-remote

接下来环境就OK了。

3.这里特殊说下我在安装android,其中下载网址就是(http://www.androiddevtools.cn),这里有最新版的android studio ,特殊说下我在安装的时候遇见的问题,我在装东西的时候我发现老是能遇见奇葩问题,这个问题是关于android studio插件的问题(plugins),其实在你安装android studio报这个错误没事,你只需要在安装成功后更新下就可以了,安装成功后再android studio得偏好设置里面

也就数这个图片,如果没有我选中的那个东西没事,你在

没有下载的话这里全部是红色的,若果还是有两个东西报错,选择上面的条件

然后就可以运行了,若果你还是会遇到错误直接点击下面的东西更新就可以了。反正我觉得这东西插件太多,老是更新什么东西的我都不明白。跑到真机开始测试,当测试的时候我们会发现一个

这里我们先启动npm,因为可能使我们的npm没有启动,这个cd到你项目的更目录下面,然后用命令:npm start。

(1)   最后摇摇手机,弹框选择(Dev setting),再选择(Debug server host &port for device)。输入自己本机的ip地址家端口,例如:192.168.1.88:8081(说明:只能是自己真机连着自己的电脑无线,不然别调试了,不会让你访问成功的)。

(2)   然后从新运行APP就可以了。

在这里补充下关于最近react-native init myApp在创建项目的时候运行出错问题,这是因为在下载包的时候被墙了的原因,这里解决的版本就是降低版本,下面是命令的形式,大家可以参考:

react-native init MyApp --version 0.44.3

这里我用的是0.44.3的版本。

RN环境的搭建的更多相关文章

  1. React-Native 基本环境的搭建

    看了一些RN资料,仅仅了解到人们对 RN(以下简称 React_native 框架) 的使用描述以及评价,就觉得RN是一个很不错的框架,值得学习.今天就开始写我的学习记录,也给大家分享一下.下面进入正 ...

  2. React Native-安卓环境的搭建

    最近公司做一个项目,项目中使用React Native(简称RN)来写安卓APP,现在我分享下安卓环境搭建的过程. 我参照https://reactnative.cn/docs/getting-sta ...

  3. React Native-ios环境的搭建

    要在mac系统上搭建RN环境: 一.安装Homebrew.它是一款Mac OS平台下的软件包管理工具. 详见Homebrew的安装这篇文章. 二.安装node和watchman,用Homebrew在命 ...

  4. 总结:Mac前端开发环境的搭建(配置)

    新年新气象,在2016年的第一天,我入手了人生中第一台自己的电脑(大一时好友赠送的电脑在一次无意中烧坏了主板,此后便不断借用别人的或者网站的).macbook air,身上已无分文...接下来半年的房 ...

  5. CentOS7 + mono +Jexus 环境的搭建

    CentOS7的安装和配置 1,从http://www.centos.org/下载CentOS7的镜像,并在VMWare中创建该镜像的虚拟机,为方便操作,把虚拟机的网络连接设置为桥接模式:在安装过程中 ...

  6. ubuntu14.04安装及web环境的搭建

    在进行接下来的工作之前首先得准备一个Ubuntu的启动U盘以及腾出一个至少50G的系统盘(在网上看到有人用20G的,不知道效果怎么样).关于Ubuntu启动U盘大家可以参考这个帖子 http://ti ...

  7. ubuntu 14.04LTS 环境下搭建tftp服务器

    花费我一整天的时间在 ubuntu 14.04LTS 环境下搭建tftp服务器,网上好多资料参差不齐,简单来说,TFTP(Trivial File Transfer Protocol),是一个基于UD ...

  8. Linux 14.04lts 环境下搭建交叉编译环境arm-linux-gcc-4.5.1

    交叉编译工具链是为了编译.链接.处理和调试跨平台体系结构的程序代码,在该环境下编译出嵌入式Linux系统所需要的操作系统.应用程序等,然后再上传到目标板上. 首 先要明确gcc 和arm-linux- ...

  9. windows环境下搭建vue+webpack的开发环境

    前段时间一直在断断续续的看vue的官方文档,后来就慢慢的学习搭建vue的开发环境,已经有将近两周了,每到最后一步的时候就会报错,搞的我好郁闷,搁置了好几天,今天又接着搞vue的开发环境,终于成功了.我 ...

随机推荐

  1. manjaro使用国内软件源

    虽然manjaro是基于arch修改的,但毕竟还是有些改动,如果可以用manjaro仓库里的,尽量不要用arch的源.如果嫌官方的软件源慢,可以直接一条命令修改成国内的软件源 sudo pacman- ...

  2. html5 javascript 表单练习案例

    <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8&qu ...

  3. scrapy流程图

    refer:https://blog.yongli1992.com/2015/02/08/python-scrapy-module/ 这里是一张Scrapy架构图的展示.Scrapy Engine负责 ...

  4. 快速搭建Vue项目

    快速搭建Vue项目 第一次安装vue项目Vue推荐开发环境Node.js 6.2.0.npm 3.8.9.webpack 1.13.vue-cli 2.5.1.webstrom2016 安装环境: 安 ...

  5. Poj3176 Cow Bowling (动态规划 数字三角形)

    Description The cows don't use actual bowling balls when they go bowling. They each take a number (i ...

  6. nrm 安装与使用

    1.使用 npm install nrm -global 全局安装 2.安装完成后使用 nrm ls命令查看其维护的镜像地址列表 3.* 星号表示在使用 npm下载资源的时候,默认使用的地址 这里需要 ...

  7. python学习笔记:深浅拷贝的使用和原理

    在理解深浅拷贝之前,我们先熟悉下变量对象和数据类型 1.变量和对象 变量-引用-对象(可变对象,不可变对象) 在python中一切都是对象,比如[1,2],'hello world',123,{'k1 ...

  8. Python新手入门英文词汇(1-1)

    英文词汇总结一.交互式环境与print输出 1.print:打印/输出2.coding:编码3.syntax:语法4.error:错误5.invalid:无效6.identifier:名称/标识符7. ...

  9. Python3 tkinter基础 Menu 添加菜单栏

             Python : 3.7.0          OS : Ubuntu 18.04.1 LTS         IDE : PyCharm 2018.2.4       Conda ...

  10. UVA1428 Ping pong

    思路 分别统计这个位置左边和右边各有多少大于和小于它的数,乘起来即可 使用权值树状数组 代码 #include <cstdio> #include <algorithm> #i ...