成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

React Native 的開發(fā)工具:Nuclide

happyfish / 2064人閱讀

摘要:也沒有一個(gè)比較好的方式運(yùn)行的服務(wù)每次的時(shí)候都需要啟動(dòng)一個(gè)的服務(wù),這樣就會(huì)降低開發(fā)的效率。還好有是專門為開發(fā)的。擁有更好的語法補(bǔ)全,類型檢查等其實(shí)是在的基礎(chǔ)上的一系列的插件集,是打造的下一代編程開發(fā)利器,是一個(gè)完全用開發(fā)的編輯器。

做React Native開發(fā)的時(shí)候,沒有一個(gè)好用的IDE,Android Studio打開Android下的項(xiàng)目還可以,JS部分的代碼打開并不方便,xcode大家OC項(xiàng)目還可以,對于其他的語言也不友好。也沒有一個(gè)比較好的方式運(yùn)行React Natvie的服務(wù),每次Run的時(shí)候都需要啟動(dòng)一個(gè)React Native的服務(wù),這樣就會(huì)降低開發(fā)的效率。
還好有Nuclide,Nuclide是Facebook專門為React開發(fā)的IDE。Nuclide擁有更好的語法補(bǔ)全,類型檢查等,Nulide其實(shí)是在Atom的基礎(chǔ)上的一系列的插件集,Atom是Github打造的下一代編程開發(fā)利器,是一個(gè)完全用JavaScript開發(fā)的編輯器。
首先要先安裝Atom,下載地址:https://atom.io/

安裝Nuclide

通過apm可以安裝Atom的插件

apm install nuclide

Installing nuclide to /Users/***/.atom/packages [BABEL] Note: The code generator has deoptimised the styling of "/Users/jjz/.atom/packages/nuclide/pkg/nuclide/debugger/atom/VendorLib/devtools/front_end/cm/codemirror.js" as it exceeds the max of "100KB".
[BABEL] Note: The code generator has deoptimised the styling of "/Users/***/.atom/packages/nuclide/pkg/nuclide/debugger/atom/VendorLib/devtools/front_end/elements/StylesSidebarPane.js" as it exceeds the max of "100KB".
[BABEL] Note: The code generator has deoptimised the styling of "/Users/***/.atom/packages/nuclide/pkg/nuclide/hack/VendorLib/hh_ide.js" as it exceeds the max of "100KB".
[BABEL] Note: The code generator has deoptimised the styling of "/Users/***/.atom/packages/nuclide/pkg/nuclide/react-native-inspector/VendorLib/dev-tools/standalone.js" as it exceeds the max of "100KB".
?

重新打開Atom,可以看到Nulibe的主界面:

加載React Native 工程

右上角的菜單里面:
Add Porject Folder 可以加載本地的React Native項(xiàng)目。
Add Remote Project Folder可以加載遠(yuǎn)程的git的項(xiàng)目。
加載下本地已經(jīng)存在的React Natvie的項(xiàng)目:

可以看到React Native的文件目錄:

可以方便的修改JavaScript,Java和Object-c代碼,對于這三種代碼都有比較友好的代碼提示。

React Native服務(wù)

使用 command+shift+p可以看到命令菜單,這里可以啟動(dòng)React Native的服務(wù)。
啟動(dòng)服務(wù):

還可以通過Nulide React Natvie:Start Debugging啟動(dòng)debugging:

運(yùn)行項(xiàng)目

現(xiàn)在我們已經(jīng)啟動(dòng)了React Native的服務(wù),直接在項(xiàng)目目錄下面運(yùn)行:

react-native run-ios
react-native run-android

可以直接運(yùn)行到ios設(shè)備和android設(shè)備上。

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/78755.html

相關(guān)文章

  • React Native植入原生Android應(yīng)用流程解析

    摘要:在應(yīng)用內(nèi)添加依賴回到,到的文件級別的里添加依賴最后一行的就是我們新增的,注意這里的版本號要和里的一致。因此,建議用這樣的寫法,并檢查版本號是否和里的一致。 引言 React Native是現(xiàn)在移動(dòng)開發(fā)新的可選方案,也帶來了原屬于Web領(lǐng)域的React的優(yōu)秀開發(fā)特性。另一方面,React Native的技術(shù)棧一經(jīng)掌握,可以用于iOS、Android及Windows(見此)多個(gè)平臺(tái),即所說...

    worldligang 評論0 收藏0
  • ReactJS新聞 #20 React Conf 2017主題演講

    摘要:新聞第期新聞主題演講與分別負(fù)責(zé)開場的部份,首先對自年來的發(fā)展情況講演,以及近年來的成長趨勢。會(huì)議視頻網(wǎng)址官網(wǎng)以卡通圖畫介紹是即將上市的新核心,也是本次的重點(diǎn)發(fā)表技術(shù)之一,用了卡通畫方式,來解說的設(shè)計(jì)與改進(jìn)之處。 ReactJS新聞 第020期 (2017.03.19) 新聞 React Conf 2017主題演講 Tom、Jing與Sebastian分別負(fù)責(zé)開場的keynote部份,...

    pkhope 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<