React Native 开发工具Atom

之前的一篇文章已经讲了配置React Native的开发环境，的确可以开发了，可是我们总不能老是用那个傻傻的记事本去开发吧，所以这篇文章帮助大家如何鸟枪换大炮，好戏开始了！

Atom

Atom＋nuclide是官方推荐的React Native开发工具，Atom是由GitHub使用最先进的技术打造的全新编辑器。Atom开源免费，整合了Git，并且支持插件，堪称神器。nuclide是facebook基于Atom开发的一个软件包，以插件的形式存在。
Atom下载网址：<a href='https://atom.io/'>https://atom.io/</a>

下载后别忘记把程序包拉入你的应用程序目录下

拖入

然后在你React Native工程下的index.ios.js文件上点击右键，在“打开方式”中找到Atom，如果没有那就点击“其他”找到Atom，即可打开

右击

打开后就是下图的样子：

Atom

点击菜单栏的“Atom”-->“Preferences”-->"Packages"，在搜索框里搜索“nuclide”，然后点击“install”，即可安装nuclide插件。（进入设置的快捷键command+,）

如果安装后使用有问题可以参考blog：
<a href='http://blog.csdn.net/mengxiangyue/article/details/50753835'>http://blog.csdn.net/mengxiangyue/article/details/50753835</a>

这个时候你就可以愉快的React Native开发了～～～

React Native开发需要的相关知识:

前端开发知识(JavaScript、CSS、Html...)
ES6(最新一代js标准)
Node.js基础
JSX语法基础
Flexbox布局

学习推荐

1、前端开发知识其实是可以很快掌握的，可以去<a href="http://www.w3school.com.cn/">w3school</a>学习；
2、ES6推荐阮一峰老师的书<a href="http://es6.ruanyifeng.com/">ECMAScript 6入门</a>
3、Node.js可以参考<a href="https://segmentfault.com/a/1190000002553902#articleHeader17">一起撸Node.JS</a>这篇文章快速的撸一遍;
4、JSX无非就是在js里写xml，百度一下，熟悉一下语法；
5、Flexbox就去熟悉熟悉它的相关属性，用法。参考地址<a href="http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html">Flex 布局教程</a>