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 相关文章推荐
Table冻结表头示例代码
Aug 20 Javascript
javascript获取设置div的高度和宽度兼容任何浏览器
Sep 22 Javascript
AngularJS 使用$sce控制代码安全检查
Jan 05 Javascript
jquery 抽奖小程序实现代码
Oct 12 Javascript
JavaScript 动态三角函数实例详解
Jan 08 Javascript
JS实现商品筛选功能
Aug 19 Javascript
使用OPENLAYERS3实现点选的方法
Sep 24 Javascript
ES6新特性:使用export和import实现模块化详解
Jul 31 Javascript
vue.js单文件组件中非父子组件的传值实例
Sep 13 Javascript
微信小程序自定义多列选择器使用详解
Jun 21 Javascript
js回溯法计算最佳旅行线路代码实例
Sep 11 Javascript
js实现时间日期校验
May 26 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 array_flip() 删除数组重复元素
2009/01/14 PHP
学习php过程中的一些注意点的总结
2013/10/25 PHP
php析构函数的简单使用说明
2015/08/24 PHP
详解php设置session(过期、失效、有效期)
2015/11/12 PHP
php自动提交表单的方法(基于fsockopen与curl)
2016/05/09 PHP
php 函数使用可变数量的参数方法
2017/05/02 PHP
一些不错的js函数ajax
2008/08/20 Javascript
JS将所有对象s的属性复制给对象r(原生js+jquery)
2014/01/25 Javascript
SeaJS入门教程系列之完整示例(三)
2014/03/03 Javascript
JavaScript极简入门教程(一):基础篇
2014/10/25 Javascript
JavaScript实现向setTimeout执行代码传递参数的方法
2015/04/16 Javascript
javascript实现删除前弹出确认框
2015/06/04 Javascript
浅析JavaScript函数的调用模式
2016/08/10 Javascript
AngularJS全局scope与Isolate scope通信用法示例
2016/11/22 Javascript
微信小程序 swiper制作tab切换实现附源码
2017/01/21 Javascript
vue.js 上传图片实例代码
2017/06/22 Javascript
vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)
2017/10/16 Javascript
nodejs前端模板引擎swig入门详解
2018/05/15 NodeJs
微信小程序开发之路由切换页面重定向问题
2018/09/18 Javascript
js实现图片3D轮播效果
2019/09/21 Javascript
vue项目查看vue版本及cli版本的实现方式
2020/10/24 Javascript
python基于Tkinter库实现简单文本编辑器实例
2015/05/05 Python
python监控进程脚本
2018/04/12 Python
python实现弹跳小球
2019/05/13 Python
Django 创建/删除用户的示例代码
2019/07/24 Python
python 将视频 通过视频帧转换成时间实例
2020/04/23 Python
Django中使用Json返回数据的实现方法
2020/06/03 Python
Django数据统计功能count()的使用
2020/11/30 Python
让IE下支持Html5的placeholder属性的插件
2014/09/02 HTML / CSS
白兰氏健康Mall:BRAND’S
2017/11/13 全球购物
摩托车和ATV零件、配件和服装的首选在线零售商:MotoSport
2017/12/22 全球购物
回门宴答谢词
2014/01/13 职场文书
消防安全汇报材料
2014/02/08 职场文书
公安机关党的群众路线教育实践活动剖析材料
2014/10/10 职场文书
老员工辞职信范文
2015/05/12 职场文书
婚庆开业庆典主持词
2015/06/30 职场文书