国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

React Native 的開發工具:Nuclide

happyfish / 2062人閱讀

摘要:也沒有一個比較好的方式運行的服務每次的時候都需要啟動一個的服務,這樣就會降低開發的效率。還好有是專門為開發的。擁有更好的語法補全,類型檢查等其實是在的基礎上的一系列的插件集,是打造的下一代編程開發利器,是一個完全用開發的編輯器。

做React Native開發的時候,沒有一個好用的IDE,Android Studio打開Android下的項目還可以,JS部分的代碼打開并不方便,xcode大家OC項目還可以,對于其他的語言也不友好。也沒有一個比較好的方式運行React Natvie的服務,每次Run的時候都需要啟動一個React Native的服務,這樣就會降低開發的效率。
還好有Nuclide,Nuclide是Facebook專門為React開發的IDE。Nuclide擁有更好的語法補全,類型檢查等,Nulide其實是在Atom的基礎上的一系列的插件集,Atom是Github打造的下一代編程開發利器,是一個完全用JavaScript開發的編輯器。
首先要先安裝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項目。
Add Remote Project Folder可以加載遠程的git的項目。
加載下本地已經存在的React Natvie的項目:

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

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

React Native服務

使用 command+shift+p可以看到命令菜單,這里可以啟動React Native的服務。
啟動服務:

還可以通過Nulide React Natvie:Start Debugging啟動debugging:

運行項目

現在我們已經啟動了React Native的服務,直接在項目目錄下面運行:

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

可以直接運行到ios設備和android設備上。

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/78755.html

相關文章

  • React Native植入原生Android應用流程解析

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

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

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

    pkhope 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<