2、React-Native项目调试
来源:互联网 发布:js 双重级联 编辑:程序博客网 时间:2024/06/05 06:47
1、前言
上一篇详细地说明了React-native的环境搭建,
今天主要说的是应用设备运行(Running)以及调试方法(Debugging)。
2、创建一个新的项目工程
命令:react-native init XXProject
打开cmd,进入reactnative的项目空间,输入react-native init TestOne
,等待一段时间。
会发现生成一个TestOne项目工程。
3、运行新创建的项目
重新打开一个命令行,进入TestOne,输入 react-native start
运行完毕即可在浏览器中输入:http://localhost:8081/index.android.bundle?platform=android
查看是否运行成功
再次进入cmd,进入TestOne,输入 react-native run-android
即可在手机上运行该TestOne项目
注意:调试机确定连接在电脑上,两者再同一个网段。安装app后,打开摇一摇,设置好IP地址和端口号。然后返回,摇一摇,reload即可。
4、Chrome开发调试工具
首先自然要安装一个Chrome了,没有装的面壁去吧
摇一摇应用,选择Debug JS Remotely,此时手机与电脑已经连接了的话,并且打开了调试模式,会默认开启Chrome,进入网页http://localhost:8081/debugger-ui,不过第一次的话,提示安装Developer Tools。
进入扩展程序,或者直接进入:浏览一下 Chrome 网上应用店(https://chrome.google.com/webstore/search/React%20?hl=zh-CN)
安装完插件,回退到原来的界面,然后刷新一下即可:
Chrome中可以使用Ctrl+Shift+i打开或者Chrome选择菜单-更多工具-开发者工具来进行打开控制台。
- 2、React-Native项目调试
- React Native移动开发实战-2-如何调试React Native项目
- React Native调试方法
- React Native调试插件
- React Native调试心得
- React Native调试心得
- 调试 React Native 应用
- React Native的调试
- React Native调试技巧
- React Native调试技巧
- React-native Webstorm调试
- React Native 调试步骤
- React Native调试
- React-Native调试工具
- React-Native实际项目开发中的高效率调试实践方案
- WebStorm+Chrom 调试React Native 项目图文详解
- React Native 环境搭建, 新建项目, 运行和调试
- 使用WebStorm创建/运行/调试React Native项目
- switch循环的default
- 网易视频云郭再荣:打造一体化多场景的视频云平台
- 一人救一人
- Java常见面试题及答案
- itop4412 LCD设备驱动详解(三)之PROBE
- 2、React-Native项目调试
- [Xcode Tips]解决Xcode多个模拟器问题
- 【三】Gradle 基础知识学习笔记
- Tomcat的目录结构
- php源码之字符串与二进制相互转换
- Java线程的学习_线程池
- 编写jquery插件
- Android RecyclerView工作原理分析(下)
- 利用mfc动态画圆(已知圆心坐标,半径,以及每次转过的角度)