ReactNative系列文章：
正文
React Native（以下简称RN）开发工具的文章很多，几乎千篇一律都是Copy的（一毛一样），本文结合自己的实践经历，推荐给Coder最实用的RN开发工具，RN开发工具用这一篇足矣！
概述：开发RN的工具有很多，选择性也比较多，比如Facebook专门为React开发的IDE：Nuclide，还有做前端比较熟悉的WebStorm、Sublime Text 3、VS Code等。
面对这些IDE我们应该怎么选择的呢？先说不推荐IDE排行榜：
Top1：Nuclide虽然是Facebook专门为React开发的，但依托于Atom的Nuclide真是慢的出奇，性能低到无法让人忍受，如果你觉得自己是一个好性子，不妨验证一番。
Top2：WebStorm这个工具对于我来说是非常熟悉的IDE从几年前开始开发NodeJs一来一直使用的此IDE，他的缺点是慢、卡、容易崩溃，而且是收费的，虽然可以破解但对于没有用过的人来说，门槛也不低，但重要的是它的不稳定性崩溃和加载启动的速度着实让人不满意。
说完了不推荐使用的IDE，下来说说咱们的重点推荐IDE排行榜：
Top 1：Sublime Text 3启动和关闭的速度简直快的像打开text文本一般，当装完插件之后也好用的可以上天，下面说说具体的使用以及插件安装和优化。
1.下载地址：http://www.sublimetext.com/3
2.安装Package Control
Win系统可以使用“Ctrl+`”快捷键或者通过View->Show Console菜单打开命令行，粘贴如下代码：
1 | 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()) |
3.安装需要用到的插件
打开Sublime Text3 ，Win系统可以使用快捷键CTRL+SHIFT+P 打开或者，点击菜单栏的“Preferences”-->"Package Control"
打开的终端窗口，输入“install”,下方就会提示“Package Control:install package”,用鼠标点击，后输入要安装的插件：
ReactJS：支持React开发，代码提示，高亮显示
Emmet：前端开发必备
Terminal：在sublime中打开终端并定位到当前目录
react-native-snippets：react native 的代码片段
JsFormat：格式化js代码
其中要单独设置的是JsFormat可以设置为保存时自动格式化，设置如下：打开preferences -> Package Settings -> JsFormat -> Setting - Users,输入以下代码：
1 2 3 4 5 6 7 8 9 | { "e4x": true, // jsformat options "format_on_save": true,} |
效果如图：
Top 2：VS Code
1.下载地址：https://code.visualstudio.com/Download
2.添加RN开发插件
React Native Tools：微软官方出的ReactNative插件,非常好用
Reactjs code snippets：react的代码提示，如componentWillMount方法可以通过cwm直接获得
Auto Close Tag：自动闭合标签
Auto Rename Tag：自动重命名标签，配合上面的插件使用，基本上能赶上IntelliJ IDEA系的功能了
Path Intellisense：文件路径提示补全
3.常用快捷键&设置
Shift + Alt + F：格式化代码
Ctrl + Space：代码提示，与输入快捷键冲突所有使用不了，可根据自己喜爱自行设置，设置：文件 => 首选项 => 键盘快捷方式 => 搜索“space”=>修改为自己的快捷键，如图：
作者：西安.王磊
出处：http://vipstone.cnblogs.com/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
http://www.cnblogs.com/vipstone/p/7125338.html
更多精彩分享
- 万码学堂联系方式 2024-10-13 10:32:18.507
- 珊珊老师——北京IT机构十年一线教学经验 2024-08-28 11:43:55.863
- 陆老师 [海军工程大学 硕士 — 嵌入式开发专家] 2024-03-26 11:26:03.003
- 时光飞逝 2024-03-26 11:25:53.823
- 纸上得来终觉浅 2024-03-26 11:25:42.68
- 软件行业发展七大方向 2024-03-26 11:25:34.457
- 如何组建测试团队？ 2024-03-26 11:25:25.33
- 在青岛学习JavaEE哪家学校最好？ 2024-03-26 11:25:16.78
- 教务排课系统 2024-03-26 11:24:56.74
- 青岛帕特智能科技有限公司 2024-03-26 11:24:30.433
万码学堂联系方式