react-navite 開發(fā)工具

最近因?yàn)楣卷?xiàng)目的需要,使用了React-native框架(以后的文章中就用RN標(biāo)識,關(guān)于什么是RN,請看前一篇文章o(∩_∩)o)

本章只針對沒有碰過JS或者其他腳本語言的童鞋們(大神請自動繞行!)

接觸一門新的語言,第一是看開發(fā)文檔,第二自然就是開發(fā)工具啦。但是RN是4月份facebook開源的一個框架,要用什么來編寫我們的代碼才能覺得爽呢。

NO1:當(dāng)然是目前世界非常流行的腳本編輯器Sublime


sublime3

我們在開發(fā)RN之前需要為sublime加載幾個插件。

1、package controller

操作:使用快捷鍵 ?ctrl+` 或者是 ?View>Show Console ?控制臺,把下面的內(nèi)容復(fù)制后回車,安裝成功后重新啟動sublime

sublime3

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)

sublime2

import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

接下來我們按 快捷鍵 shift + commad + p 打開package controller


輸入package controller:install package 回車,然后輸入我們要的插件就可以install下來了。非常方便。

2、React-native-snippets

這個插件快速搭建一個RN開發(fā)環(huán)境還有一些生命周期的語法。(具體操作請看https://packagecontrol.io/packages/react-native-snippets)

3、sublime-react

RN是基于React.js的,JSX語法高亮!

4、babel

babel插件支持ES6語法和JSX語法,要比sublime-react看起來更舒服。出現(xiàn)問題也會提示。

到這里react-native的開發(fā)工具環(huán)境就搭建完成啦!

NO2:Atom


Atom


6月15日Atom1.0正式發(fā)布,3月份Facebook宣布為React和React-native開發(fā)并開源一款基于Atom的IDE--nuclide ,很高興,6月22日在nuclide.io 測試版發(fā)布。相信過不了多久,一款強(qiáng)大的RN編輯器就出來了。(RN狗福音!) (進(jìn)過測試,Atom在install nuclide之后會變得很卡,目前不建議各位嘗試!請耐心等待)

Atom的操作流程跟sublime基本差不多。這里就不做說明!

接下來將會開始第一個小項(xiàng)目:react-native開發(fā)一個登錄界面。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容