亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

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

happyfish / 2112人閱讀

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

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

安裝Nuclide

通過(guò)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".
?

重新打開(kāi)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代碼,對(duì)于這三種代碼都有比較友好的代碼提示。

React Native服務(wù)

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

還可以通過(guò)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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/78755.html

相關(guān)文章

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

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

    worldligang 評(píng)論0 收藏0
  • ReactJS新聞 #20 React Conf 2017主題演講

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

    pkhope 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

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