React Native初探(二)- Mac

在React Native初探(一)- Mac中,我们运行起来了Welcome App,简单的走了下iOS的App使用React Native框架的流程。

react-native官网:https://facebook.github.io/react-native/docs/getting-started.html

现在想跟着官网教程体验一下React Native的代码,问题来了,用什么编辑器?
以前写OC和swift用的都是XCode这个IDE,但是React Native使用ES6语法写的,难不成开个文本框来写代码?这画面不敢想象。由于完全没有用编辑器(例如:Sublime,Atom)写过代码的经验,所以我感觉过程会很艰辛。

官网推荐用Atom + Nuclide

React Native 环境搭建这篇文章帮我渡过了些使用Nuclide的坑。

坑1:flow,当你发现在atom+nuclide中不能跳转定义的时候,打开.flowconfig,然后拉到最下面可以看到当前项目需要的flow的版本号。
在项目根目录下打开命令行,输入flow,如果提示版本不符,则使用npm install [email protected] -g指定版本。
坑2:debugger,很遗憾,我的nuclide中的debugger不能调,提示错误,我还没找到解决办法。
坑3:chrome的react develop tool无法使用:就是出现不了react标签,运行访问文件地址的选项已经勾选了,也没用,但是我在nuclide中使用inspector是可以查看到的。

VS Code

因为使用用Atom+Nuclide电脑经常卡死,debugger不方便,所以放弃了。现在使用VS Code了,配置简单,debugger功能可以使用。

你可能感兴趣的:(React Native初探(二)- Mac)