React Native 开发工具Atom

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

Atom

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

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

React Native 开发工具Atom_第1张图片
拖入

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

React Native 开发工具Atom_第2张图片
右击

打开后就是下图的样子:

React Native 开发工具Atom_第3张图片
Atom

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

如果安装后使用有问题可以参考blog:
http://blog.csdn.net/mengxiangyue/article/details/50753835

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

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

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

学习推荐

1、前端开发知识其实是可以很快掌握的,可以去w3school学习;
2、ES6推荐阮一峰老师的书ECMAScript 6入门
3、Node.js可以参考一起撸Node.JS这篇文章快速的撸一遍;
4、JSX无非就是在js里写xml,百度一下,熟悉一下语法;
5、Flexbox就去熟悉熟悉它的相关属性,用法。参考地址Flex 布局教程

你可能感兴趣的:(React Native 开发工具Atom)