React Native 开发环境搭建

1.Nuclide + Atom 是官方推荐的开发 RN 的工具
2.WebStorm
3.VS Code
4.Sublime Text 3
5.Deco
...

这些工具工具都尝试过,最后还是选择了 Sublime,简单记录一下,方便以后查阅

1.软件安装

Sublime 神器 下载地址:http://www.sublimetext.com/3
安装 Sublime 之后,必须要安装 Package Control,Package Control 插件是一个方便 Sublime text 管理插件的插件,安装地址:https://packagecontrol.io/installation
快捷键从菜单 View - Show Console 或者 ctrl + ~快捷键，调出 console。将以下 Python 代码粘贴进去并 enter 执行，不出意外即完成安装。

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

也可以使用上面的这个复制进去,前端的东西更新非常快,建议官网查看,快捷键 Ctrl+Shift+P（菜单 – Tools – Command Paletter），输入 install 选中 Install Package 并回车，输入或选择你需要的插件回车就安装了.

2.插件下载:

Sublime text 可以用这两个插件:

sublimeLiter
sublimeLiter-contrib-eslint

npm 安装相关组件:
安装 linter
npm install linter
安装 eslint
npm install eslint -g
安装 babel-eslint
npm install babel-eslint

Eslint :http://eslint.org/Eslint 是一个 JavaScript 验证工具, 有了它可以让你的编辑器像 ide 一样进行一些静态的错误提示功能.比如你多写了个符号会在Sublime提示红色,让你在写 JS 的时候就避免写了很多垃圾的代码
Material : 主题：Material:https://github.com/equinusocio/material-theme

3089B271-B166-4930-AC16-EF1DA2C8F7F6.png