RN环境的搭建
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环境的搭建的更多相关文章
- React-Native 基本环境的搭建
看了一些RN资料,仅仅了解到人们对 RN(以下简称 React_native 框架) 的使用描述以及评价,就觉得RN是一个很不错的框架,值得学习.今天就开始写我的学习记录,也给大家分享一下.下面进入正 ...
- React Native-安卓环境的搭建
最近公司做一个项目,项目中使用React Native(简称RN)来写安卓APP,现在我分享下安卓环境搭建的过程. 我参照https://reactnative.cn/docs/getting-sta ...
- React Native-ios环境的搭建
要在mac系统上搭建RN环境: 一.安装Homebrew.它是一款Mac OS平台下的软件包管理工具. 详见Homebrew的安装这篇文章. 二.安装node和watchman,用Homebrew在命 ...
- 总结:Mac前端开发环境的搭建(配置)
新年新气象,在2016年的第一天,我入手了人生中第一台自己的电脑(大一时好友赠送的电脑在一次无意中烧坏了主板,此后便不断借用别人的或者网站的).macbook air,身上已无分文...接下来半年的房 ...
- CentOS7 + mono +Jexus 环境的搭建
CentOS7的安装和配置 1,从http://www.centos.org/下载CentOS7的镜像,并在VMWare中创建该镜像的虚拟机,为方便操作,把虚拟机的网络连接设置为桥接模式:在安装过程中 ...
- ubuntu14.04安装及web环境的搭建
在进行接下来的工作之前首先得准备一个Ubuntu的启动U盘以及腾出一个至少50G的系统盘(在网上看到有人用20G的,不知道效果怎么样).关于Ubuntu启动U盘大家可以参考这个帖子 http://ti ...
- ubuntu 14.04LTS 环境下搭建tftp服务器
花费我一整天的时间在 ubuntu 14.04LTS 环境下搭建tftp服务器,网上好多资料参差不齐,简单来说,TFTP(Trivial File Transfer Protocol),是一个基于UD ...
- Linux 14.04lts 环境下搭建交叉编译环境arm-linux-gcc-4.5.1
交叉编译工具链是为了编译.链接.处理和调试跨平台体系结构的程序代码,在该环境下编译出嵌入式Linux系统所需要的操作系统.应用程序等,然后再上传到目标板上. 首 先要明确gcc 和arm-linux- ...
- windows环境下搭建vue+webpack的开发环境
前段时间一直在断断续续的看vue的官方文档,后来就慢慢的学习搭建vue的开发环境,已经有将近两周了,每到最后一步的时候就会报错,搞的我好郁闷,搁置了好几天,今天又接着搞vue的开发环境,终于成功了.我 ...
随机推荐
- manjaro使用国内软件源
虽然manjaro是基于arch修改的,但毕竟还是有些改动,如果可以用manjaro仓库里的,尽量不要用arch的源.如果嫌官方的软件源慢,可以直接一条命令修改成国内的软件源 sudo pacman- ...
- html5 javascript 表单练习案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8&qu ...
- scrapy流程图
refer:https://blog.yongli1992.com/2015/02/08/python-scrapy-module/ 这里是一张Scrapy架构图的展示.Scrapy Engine负责 ...
- 快速搭建Vue项目
快速搭建Vue项目 第一次安装vue项目Vue推荐开发环境Node.js 6.2.0.npm 3.8.9.webpack 1.13.vue-cli 2.5.1.webstrom2016 安装环境: 安 ...
- Poj3176 Cow Bowling (动态规划 数字三角形)
Description The cows don't use actual bowling balls when they go bowling. They each take a number (i ...
- nrm 安装与使用
1.使用 npm install nrm -global 全局安装 2.安装完成后使用 nrm ls命令查看其维护的镜像地址列表 3.* 星号表示在使用 npm下载资源的时候,默认使用的地址 这里需要 ...
- python学习笔记:深浅拷贝的使用和原理
在理解深浅拷贝之前,我们先熟悉下变量对象和数据类型 1.变量和对象 变量-引用-对象(可变对象,不可变对象) 在python中一切都是对象,比如[1,2],'hello world',123,{'k1 ...
- Python新手入门英文词汇(1-1)
英文词汇总结一.交互式环境与print输出 1.print:打印/输出2.coding:编码3.syntax:语法4.error:错误5.invalid:无效6.identifier:名称/标识符7. ...
- Python3 tkinter基础 Menu 添加菜单栏
Python : 3.7.0 OS : Ubuntu 18.04.1 LTS IDE : PyCharm 2018.2.4 Conda ...
- UVA1428 Ping pong
思路 分别统计这个位置左边和右边各有多少大于和小于它的数,乘起来即可 使用权值树状数组 代码 #include <cstdio> #include <algorithm> #i ...