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.下載地址：

2.安裝Package Control

Win系統可以使用“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())

3.安裝需要用到的插件

打開Sublime Text3 ，Win系統可以使用快捷鍵CTRL+SHIFT+P 打開或者，點擊菜單欄的“Preferences”-->"Package Control"

打開的終端窗口，輸入“install”,下方就會提示“Package Control:install package”,用鼠標點擊，后輸入要安裝的插件：

其中要單獨設置的是JsFormat可以設置為保存時自動格式化，設置如下：打開preferences -> Package Settings -> JsFormat -> Setting - Users,輸入以下代碼：

{

 "e4x": true,

 // jsformat options

 "format_on_save": true,

}

效果如圖：

Top 2：VS Code

1.下載地址：

2.添加RN開發插件

3.常用快捷鍵&設置

Shift + Alt + F：格式化代碼

Ctrl + Space：代碼提示，與輸入快捷鍵沖突所有使用不了，可根據自己喜愛自行設置，設置：文件 => 首選項 => 鍵盤快捷方式 => 搜索“space”=>修改為自己的快捷鍵，如圖：

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com