如何使用Atom+Nuclide调试React-Native应用

最新推荐文章于 2018-08-20 23:41:22 发布
最新推荐文章于 2018-08-20 23:41:22 发布
阅读量3.6k 收藏
点赞数
分类专栏： ReactNative 文章标签： atom 调试 javascript react-native
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangbuzhangbu/article/details/52661174
版权

调试React-Native有两种场景，第一种是通过react-native run-ios(或者run-android)启动应用，第二种是打开已经安装在手机的Debug版本。

1）通过react-native run-ios(或者run-android)启动应用后，要调试应用就比较简单，在配置过Js Server的ip和port后，当应用上显示已经成功时，即可通过编辑js源文件，然后保存。再次刷新应用界面即可进行调试

2）如果不想再次通过react-native run-ios(或者run-android)启动调试过程，可以在打开安装好的Debug版本之前，通过Atom的Nuclide工具启动Js Server。然后就可以直接通过修改js文件调试


zhangmingcsdn
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React Native开发之ATOM开发实用技巧
xiangzhihong8的专栏
05-02 3731
前面对React Native开发工具Atom做了一个详细的介绍，详见RN开发IDE详解。 Atom作为一款前端开发利器，有很多的插件供我们选择，这里罗列常见的可以提高我们开发效率的插件给大家介绍一下。ATOM常用插件1、simplified-chinese-menuAtom的简体中文语言包，完整汉化，兼容所有已发布的版本Atom。2、tree-view-finder左边菜单栏显示方式，类似Mac
Mac搭建 React Native 工具篇Atom＋Nuclide
xiangzhihong8的专栏
03-15 7178
关于如何在mac下搭建React环境这里就不详细介绍了，有兴趣的朋友可以看：在Mac上搭建RN基础环境，今天要说的是如何在mac下使用Atom＋Nuclide组合环境来开发项目。安装Atom如果没有的大家可以到官网下载：https://atom.io/，也可以到国内的镜像地址下载：https://npm.taobao.org/mirrors/atom/1.7.2/ 解压atom，打开atom，你看
React Native开发之IDE（Atom+Nuclide）安装，运行，调试
热门推荐
Leo的专栏
06-08 5万+
欢迎Follow我的Github，博客会同步在Github的Blog仓库更新。也可以关注CSDN博客的React Native分类 LeoMobileDeveloper 前言 工欲善其事，必先利其器 好像在哪听到一句话，”满级程序员不需要IDE，不需要自动补全，不需要静态语法检查”。对于这种言论，我只想说bullshit。IDE对于开发还是很重要的，而React Native开发官方推荐使用A
react-native开发工具Atom
番薯大佬的专栏
06-20 609
Atom：https://atom.io/Atom插件：https://atom.io/packageshttps://nuclide.io/docs/quick-start/getting-started/其他插件：（1）浏览器浏览功能：open-in-broser（2）分页展示html页面效果：atom-html-preview（3）文件路径补全：autocomplete-path（4）文档化...
React Native编辑器Atom+Nuclide插件的配置和安装及编译项目
持续学习中
08-10 1633
接下来给大家讲解下React Native编辑器，这也是Fackbook官方推荐的一款编辑器Atom结合Nuclide插件进行React Native开发。当然Atom不仅是开发React Native的，主要是针对前端开发者使用的，如JS、CSS、HTML的编写等等，具体大家百度或者谷歌即可。进入正题： 1、去官网下载Atom安装包，然后安装。https://atom.
ReactNative之Atom-React的安装
chirs的专栏
02-04 2265
工欲善其事, 必先利其器. ReactNative作为Facebook贡献的库, 里面有些定制的东西. 官方推荐Atom+Nuclide, 那么就尝试一下Atom. 在测试过程中, 发现安装Nuclide之后, Atom编辑器特别卡顿, 原因不明, 所以又测试了一些其他插件. 我来罗列几个必须的.1.Atom 下载Atom编辑器, 安装, 介绍参考文档.2.Atom-React 插件Atom-
atom-ide-debugger-react-native:适用于Atom的Nuclide React Native调试器
04-30
React Atom IDE的本机调试器。 用法 运行apm install atom-ide-debugger-react-native来安装Atom软件包。 该存储库保存已发布的Atom程序包，该程序包是的薄包装。 可以在找到atom-ide-debugger-react-native的代码...
react-native-examples
05-08
前提条件 安装node.js $ npm install -g create-react-native-app ...$ react-native run-ios # You can also run it directly from within Xcode or Nuclide 复制项目实用程序 $ ./copy-project.sh $sourceN
Atom+Nuclide安装包
11-07
一个atom的可执行文件，安装完成以后，用快捷键ctrl+shift + p ,打开搜索框，输入setting，打开设置界面，然后点击install，打开安装插件的界面，然后在搜索框中输入Nuclide，然后选择第一个进行安装，如果失败，...
atom-ide-debugger-python:适用于Atom的Nuclide Python调试器
04-30
Atom-ide-Debugger-Python 适用于Atom IDE的Python调试器。用法运行apm install atom-ide-debugger-python来安装Atom软件包。 该存储库中包含已发布的Atom程序包，该程序包是的薄包装。 可以在上找到atom-ide-...
atom-ide-debugger-node:适用于Atom的Nuclide节点调试器
04-30
Atom IDE的节点调试器。 用法 运行apm install atom-ide-debugger-node安装Atom软件包。 该存储库保存已发布的Atom程序包，该程序包是的薄包装。 可以在上找到atom-ide-debugger-node的代码。 注意：不幸的是， ...
React Native探索（二）Atom+Nuclide安装、配置与调试
Android进阶三部曲 - 刘望舒
05-08 6718
上一篇文章我们搭建了开发环境，并写了个Hello World。这一节我们来学习React Native的开发IDE：Atom+Nuclide的安装、配置与调试。本文所讲的内容只适用于Mac平台。
atom + react.js
晓强的技术博客
07-13 1225
命令面板当你按下 cmd-shift-P 并且当前焦点在一个窗格上的时候，命令面板就会弹出来。在这个教程中我们会用类似 cmd-shift-P 的形式来运行命令，这是 Atom 在 Mac 上的默认快捷键，如果你在其他的平台上使用 Atom, 可能会稍有不同。如果某个快捷键无法工作，你可以通过命令面板来查找正确的快捷键。在 Atom 中几乎所有的操作都通过这种搜索驱动的菜单来完成，你只需要按下 cm
ReactNative开发工具之Atom
Tiny的专栏
11-26 2203
主要讲述个人在使用Atom进行RN开发的过程中，使用过的比较优秀的插件，加快了开发的速度，特此分享，希望也能帮到你。
Atom+Nuclide使用技巧
牛八少爷的专栏
08-20 612
1. 汉化Atom File -> Setting -> Install ,输入 simplified-chinese-menu 安装chinakids的 2. Atom自动补全插件 直接搜索：Autocomplete 进行安装；  
Atom编辑器折腾记_(23)加快React开发的插件汇总
CRPER
08-13 2万+
汇总当前比较实用的atom插件[偏react开发的]-- 暂时应该没有比我更全面的！嘎嘎
第一课：利用atom和xcode开发react-native的入门技巧（Mac）
sf_wilson
04-20 1664
一、开发工具 1、atom下载官网：Atom 2、xcode下载官网：xcode 二、创建一个react-native项目 打开terminal输入：cd 安装路径（直接将文件夹拖进来）回车后就进入了待安装的目录文件，输入：react-native init 新项目文件夹名称，回车后就开始创建新项目了。 三、运行刚创建的hello项目 在hello文件夹下->ios->hell
react-native IDE(nuclide)安装
yougliu的专栏
06-13 2624
nuclide是facebook推荐的react-native编辑器, 1、最简洁的安装方法： apm install nuclide 注意：apm命令可能提示没有，所以需要使用第二种 2、通过atom来安装apm命令 在官网下载atom，打开atom，然后Atom > Install Shell Commands，这样就获得了atom和apm命令，然后在执行方法一 3、通过源码来安装
react-native中碰到的问题
willwee2的博客
12-15 314
facebook推荐开源的开发工具nuclide，facebook基于atom做的一个开发环境，可以很方便的开发react/react-native程序（安装过程要记得能翻墙） 安装nuclide前要有基本的依赖环境 Python 2.6 or later. Atom 0.209.0 or later. Node 0.12.0 or later. node, npm, and git mu
G4Exception:PART7000 issued by:G4Nuclide Table G4 environment variable must be set
最新发布
06-01
如果你使用的是Geant4.10及以上版本，你也可以使用下面的命令： ``` source /path/to/geant4/installation/bin/geant4.csh ``` 注意，这些命令需要在每个新的终端会话中运行，或者将它们添加到你的`.bashrc`或`....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值