博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React Native 的开发工具:Nuclide
阅读量:7135 次
发布时间:2019-06-28

本文共 1700 字,大约阅读时间需要 5 分钟。

做React Native开发的时候,没有一个好用的IDE,Android Studio打开Android下的项目还可以,JS部分的代码打开并不方便,xcode大家OC项目还可以,对于其他的语言也不友好。也没有一个比较好的方式运行React Natvie的服务,每次Run的时候都需要启动一个React Native的服务,这样就会降低开发的效率。

还好有Nuclide,Nuclide是Facebook专门为React开发的IDE。Nuclide拥有更好的语法补全,类型检查等,Nulide其实是在Atom的基础上的一系列的插件集,Atom是Github打造的下一代编程开发利器,是一个完全用JavaScript开发的编辑器。
首先要先安装Atom,下载地址:

安装Nuclide

通过apm可以安装Atom的插件

apm install nuclide

Installing nuclide to /Users/***/.atom/packages [BABEL] Note: The code generator has deoptimised the styling of "/Users/jjz/.atom/packages/nuclide/pkg/nuclide/debugger/atom/VendorLib/devtools/front_end/cm/codemirror.js" as it exceeds the max of "100KB".[BABEL] Note: The code generator has deoptimised the styling of "/Users/***/.atom/packages/nuclide/pkg/nuclide/debugger/atom/VendorLib/devtools/front_end/elements/StylesSidebarPane.js" as it exceeds the max of "100KB".[BABEL] Note: The code generator has deoptimised the styling of "/Users/***/.atom/packages/nuclide/pkg/nuclide/hack/VendorLib/hh_ide.js" as it exceeds the max of "100KB".[BABEL] Note: The code generator has deoptimised the styling of "/Users/***/.atom/packages/nuclide/pkg/nuclide/react-native-inspector/VendorLib/dev-tools/standalone.js" as it exceeds the max of "100KB".✓

重新打开Atom,可以看到Nulibe的主界面:

图片描述

加载React Native 工程

右上角的菜单里面:

Add Porject Folder 可以加载本地的React Native项目。
Add Remote Project Folder可以加载远程的git的项目。
加载下本地已经存在的React Natvie的项目:
图片描述
可以看到React Native的文件目录:
图片描述
可以方便的修改JavaScript,Java和Object-c代码,对于这三种代码都有比较友好的代码提示。

React Native服务

使用 command+shift+p可以看到命令菜单,这里可以启动React Native的服务。

启动服务:
图片描述

还可以通过Nulide React Natvie:Start Debugging启动debugging:

图片描述

运行项目

现在我们已经启动了React Native的服务,直接在项目目录下面运行:

react-native run-ios

react-native run-android

可以直接运行到ios设备和android设备上。

转载地址:http://nktrl.baihongyu.com/

你可能感兴趣的文章
SSM环境的搭建
查看>>
leetcode 196. Delete Duplicate Emails
查看>>
聚美第六天
查看>>
Q:java中的泛型数组
查看>>
[Android] adb 命令 dumpsys activity , 用来看 task 中的activity。 (uninstall virus)
查看>>
数据分析学习笔记(三)-NetworkX的使用
查看>>
rm 命令简要
查看>>
xadmin快速搭建后台管理系统
查看>>
MySQL 5.7 分区表性能下降的案例分析
查看>>
遍历文件夹并建成目录树
查看>>
结对项目--四则运算“软件”之升级版
查看>>
Java反射学习总结
查看>>
LeetCode-81-Search in Rotated Sorted Array II
查看>>
Flex中Tree控件增加Checkbox
查看>>
Struts2中的OGNL通配符
查看>>
hyper-v 安装Centos及网络配置
查看>>
Effective C++ 笔记三 资源管理
查看>>
【转】【原创】某超级模块中游戏双开功能实现
查看>>
SpringMVC控制器接收不了PUT提交的参数的解决方案
查看>>
2C 产品的本质是人性,2B 产品的背后是业务(转)
查看>>