React Native 搭建开发环境的方法步骤


Posted in Javascript onOctober 30, 2017

本文介绍了React Native 搭建开发环境,分享给大家,具体如下:

准备工作

  1. node -v:确认是否安装Node,若已经成功安装了,则执行下面的命令;否则先进行Node的安装。
  2. npm install -g create-react-native-app:使用npm快速创建React Native应用。
  3. create-react-native-app AwesomeProject:创建名为AwesomeProject的项目。
  4. cd AwesomeProject:进入项目所在文件目录。
  5. yard start:启动服务,终端会显示二维码和链接地址。

手机下载Expo客户端APP

React Native 搭建开发环境的方法步骤

运行React Native应用AwesomeProject

将已经下载好Expo客户端APP的手机连接上同电脑的无线网络;

打开Expo客户端APP,使用Expo的扫描功能扫描终端的二维码,或者在Expo中输入终端显示的应用的链接地址,即可看到应用的运行效果。

React Native 搭建开发环境的方法步骤

修改应用

进入应用所在的目录文件,打开App.js文件,便可进行React Native开发了。

React Native 搭建开发环境的方法步骤

至此,React Native的开发环境便搭建成功了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js判断元素是否隐藏的方法
Jun 09 Javascript
深入浅出理解javaScript原型链
May 09 Javascript
实例详解angularjs和ajax的结合使用
Oct 22 Javascript
基于EasyUI的基础之上实现树形功能菜单
Jun 28 Javascript
Javascript 严格模式use strict详解
Sep 16 Javascript
基于JavaScript表单脚本(详解)
Oct 18 Javascript
使用Bootrap和Vue实现仿百度搜索功能
Oct 26 Javascript
Vue 中批量下载文件并打包的示例代码
Nov 20 Javascript
Vue集成Iframe页面的方法示例
Dec 12 Javascript
基于Vue 服务端Cookies删除的问题
Sep 21 Javascript
vue 动态表单开发方法案例详解
Dec 02 Javascript
JS实现页面炫酷的时钟特效示例
Aug 14 Javascript
Bootstrap框架建立树形菜单(Tree)的实例代码
Oct 30 #Javascript
react实现一个优雅的图片占位模块组件详解
Oct 30 #Javascript
ES6 javascript中class类的get与set用法实例分析
Oct 30 #Javascript
原生JS与jQuery编写简单选项卡
Oct 30 #jQuery
简单实现jQuery弹窗效果
Oct 30 #jQuery
Bootstrap栅格系统的使用详解
Oct 30 #Javascript
ES6 javascript中class静态方法、属性与实例属性用法示例
Oct 30 #Javascript
You might like
PHP中strcmp()和strcasecmp()函数字符串比较用法分析
2016/01/07 PHP
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
2008/11/06 Javascript
jQuery 遍历json数组的实现代码
2020/09/22 Javascript
JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解
2010/04/29 Javascript
chrome浏览器不支持onmouseleave事件的解决技巧
2013/05/31 Javascript
js获取html文件的思路及示例
2013/09/17 Javascript
Extjs的FileUploadField文件上传出现了两个上传按钮
2014/04/29 Javascript
JavaScript返回当前会话cookie全部键值对照的方法
2015/04/03 Javascript
jQuery实时显示鼠标指针位置和键盘ASCII码
2016/03/28 Javascript
JavaScript代码实现图片循环滚动效果
2020/03/19 Javascript
xtemplate node.js 的使用方法实例解析
2016/08/22 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
2017/02/09 Javascript
jQuery插件开发发送短信倒计时功能代码
2017/05/09 jQuery
详解升级react-router 4 踩坑指南
2017/08/14 Javascript
基于canvas粒子系统的构建详解
2017/08/31 Javascript
vue2.0 如何在hash模式下实现微信分享
2019/01/22 Javascript
详解关于Vuex的action传入多个参数的问题
2019/02/22 Javascript
mongodb初始化并使用node.js实现mongodb操作封装方法
2019/04/02 Javascript
用node撸一个监测复联4开售短信提醒的实现代码
2019/04/10 Javascript
vue+element实现打印页面功能
2019/05/20 Javascript
vue移动端城市三级联动组件使用详解
2019/07/26 Javascript
如何实现vue的tree组件
2020/12/03 Vue.js
[06:07]辉夜杯现场观众互动 “比谁远送显示器”
2015/12/26 DOTA
[00:13]天涯墨客二技能展示
2018/08/25 DOTA
python3.4用循环往mysql5.7中写数据并输出的实现方法
2017/06/20 Python
HTML5 canvas基本绘图之图形变换
2016/06/27 HTML / CSS
canvas实现手机的手势解锁的步骤详细
2020/03/16 HTML / CSS
New Era英国官网:美国棒球帽品牌
2018/03/21 全球购物
体育学院毕业生自荐信
2013/11/03 职场文书
会计电算化专业毕业生自荐信
2013/12/20 职场文书
寄语是什么意思
2014/04/10 职场文书
优秀语文教师事迹
2014/05/18 职场文书
初中家长评语大全
2014/12/26 职场文书
学校施工安全责任书
2015/01/29 职场文书
世界环境日活动总结
2015/02/11 职场文书
DQL数据查询语句使用示例
2022/12/24 MySQL