React Native环境配置列表 Mac版

一、Homebrew相关

Mac系统的包管理器，用于安装NodeJS和一些其余必需的工具软件。

二、Node

React Native目前须要NodeJS 5.0或更高版本。

命令：

一、brew install node

二、设置npm镜像加速

npm config set registry https://registry.npm.taobao.org --global

npm config set disturl https://npm.taobao.org/dist --global

查看配置命令： npm config list

三、Yarn

Yarn是Facebook提供的替代npm的工具，能够加速node模块的下载。React Native的命令行工具用于执行建立、初始化、更新项目、运行打包服务（packager）等任务。

四、Watchman

Watchman是由Facebook提供的监视文件系统变动的工具。安装此工具能够提升开发时的性能（packager能够快速捕捉文件的变化从而实现实时刷新）。

五、开发工具

sublimetext

http://www.sublimetext.com/3

5.一、简单的安装方法

使用Ctrl+`快捷键或者经过View->Show Console菜单打开命令行，粘贴以下代码：

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

安装完毕后将在Preferences菜单下看到Package Settings和Package Control两个菜单了。

顺便贴下Sublime Text2 的代码：

import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')

5.二、手动安装

可能因为各类缘由，没法使用代码安装，那能够经过如下步骤手动安装Package Control：

1.点击Preferences > Browse Packages菜单

2.进入打开的目录的上层目录，而后再进入Installed Packages/目录

3.下载Package Control.sublime-package并复制到Installed Packages/目录

4.重启Sublime Text。

5.三、安装sublime的插件也是常见使用sublime的问题，步骤以下：

1.打开Sublime Text3 ，点击菜单栏的“Preferences”-->"Package Control",或者可使用快捷键CTRL+SHIFT+P 打开

2.在打开的终端窗口，输入“install”,下方就会提示“Package Control:install package”,用鼠标点击

3.这时候等待几秒，就会弹出一个终端，在终端输入你想要安装的插件，进行查找，点击下方列表中插件，就会自动会为你安装了。

React Native开发推荐的一些插件：

• ReactJS : 支持React开发，代码提示，高亮显示；
• Emmet ：前端开发必备；
• Terminal : 在sublime中打开终端并定位到当前目录，神器，mac下的快捷键为：command+shift+T；
• react-native-snippets：react native 的代码片断。

其余的插件能够参考这里：http://segmentfault.com/a/1190000003698071

六、配置Eslint检测React代码

七、FileBrowser