摘要:也沒有一個(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/
通過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的主界面:
右上角的菜單里面:
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代碼,對于這三種代碼都有比較友好的代碼提示。
使用 command+shift+p可以看到命令菜單,這里可以啟動(dòng)React Native的服務(wù)。
啟動(dòng)服務(wù):
還可以通過Nulide React Natvie:Start Debugging啟動(dòng)debugging:
現(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
摘要:在應(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),即所說...
摘要:新聞第期新聞主題演講與分別負(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部份,...
閱讀 3822·2023-04-25 19:07
閱讀 3571·2021-11-22 12:02
閱讀 3146·2021-10-12 10:11
閱讀 3934·2021-09-03 10:49
閱讀 2899·2019-08-30 13:21
閱讀 3011·2019-08-30 11:14
閱讀 2096·2019-08-29 15:40
閱讀 2881·2019-08-28 18:29