ReactNative開(kāi)發(fā)工具的詳細(xì)介紹

React Native（以下簡(jiǎn)稱RN）開(kāi)發(fā)工具的文章很多，幾乎千篇一律都是Copy的（一毛一樣），本文結(jié)合自己的實(shí)踐經(jīng)歷，推薦給Coder最實(shí)用的RN開(kāi)發(fā)工具，RN開(kāi)發(fā)工具用這一篇足矣！

概述：開(kāi)發(fā)RN的工具有很多，選擇性也比較多，比如Facebook專門為React開(kāi)發(fā)的IDE：Nuclide，還有做前端比較熟悉的WebStorm、Sublime Text 3、VS Code等。

面對(duì)這些IDE我們應(yīng)該怎么選擇的呢？先說(shuō)不推薦IDE排行榜：

Top1：Nuclide雖然是Facebook專門為React開(kāi)發(fā)的，但依托于Atom的Nuclide真是慢的出奇，性能低到無(wú)法讓人忍受，如果你覺(jué)得自己是一個(gè)好性子，不妨驗(yàn)證一番。

Top2：WebStorm這個(gè)工具對(duì)于我來(lái)說(shuō)是非常熟悉的IDE從幾年前開(kāi)始開(kāi)發(fā)NodeJs一來(lái)一直使用的此IDE，他的缺點(diǎn)是慢、卡、容易崩潰，而且是收費(fèi)的，雖然可以破解但對(duì)于沒(méi)有用過(guò)的人來(lái)說(shuō)，門檻也不低，但重要的是它的不穩(wěn)定性崩潰和加載啟動(dòng)的速度著實(shí)讓人不滿意。

說(shuō)完了不推薦使用的IDE，下來(lái)說(shuō)說(shuō)咱們的重點(diǎn)推薦IDE排行榜：

Top 1：Sublime Text 3啟動(dòng)和關(guān)閉的速度簡(jiǎn)直快的像打開(kāi)text文本一般，當(dāng)裝完插件之后也好用的可以上天，下面說(shuō)說(shuō)具體的使用以及插件安裝和優(yōu)化。

1.下載地址：

2.安裝Package Control

Win系統(tǒng)可以使用“Ctrl+`”快捷鍵或者通過(guò)View->Show Console菜單打開(kāi)命令行，粘貼如下代碼：

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.安裝需要用到的插件

打開(kāi)Sublime Text3 ，Win系統(tǒng)可以使用快捷鍵CTRL+SHIFT+P 打開(kāi)或者，點(diǎn)擊菜單欄的“Preferences”-->"Package Control"

打開(kāi)的終端窗口，輸入“install”,下方就會(huì)提示“Package Control:install package”,用鼠標(biāo)點(diǎn)擊，后輸入要安裝的插件：

其中要單獨(dú)設(shè)置的是JsFormat可以設(shè)置為保存時(shí)自動(dòng)格式化，設(shè)置如下：打開(kāi)preferences -> Package Settings -> JsFormat -> Setting - Users,輸入以下代碼：

{

 "e4x": true,

 // jsformat options

 "format_on_save": true,

}

效果如圖：

Top 2：VS Code

1.下載地址：

2.添加RN開(kāi)發(fā)插件

3.常用快捷鍵&設(shè)置

Shift + Alt + F：格式化代碼

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

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com