WebStorm里面配置運(yùn)行React Native的方案

今天教大家如何直接使用WebStorm這個IDE直接完成編碼+運(yùn)行項(xiàng)目工作.這樣就可以不用打開Xcode了.

1.首先點(diǎn)擊WebStorm右上方的下拉箭頭彈出的Edit Configurations....

2.然后會進(jìn)入一個配置頁面.點(diǎn)擊左上方的+.在彈出的列表中選中npm.如圖.

3.在右邊的配置框中,先選擇Command為help.接著點(diǎn)擊下方的+號.再點(diǎn)擊Run External tool.

4.在彈出框中選擇+號.

5.在彈出的配置框中,填寫相應(yīng)信息.

 Name為該按鈕的名字

Program為react Native的路徑,終端命令:which react-native  一般都是   /usr/local/bin/react-native

Parameters填 run-ios

working directory該輸入框中,先點(diǎn)擊右邊的insert macro,選擇ProjectFileDir.

5.點(diǎn)擊OK.接下來點(diǎn)擊Apply回到主界面.可以看見右上方的按鈕.點(diǎn)擊即可運(yùn)行項(xiàng)目了.

有時,需要更換不同的機(jī)型看看運(yùn)行效果,這時,需要先切換至Terminal.然后敲入相應(yīng)命令:

如:

react-native run-ios --simulator "iPhone 5"
詳細(xì)鏈接:https://www.cnblogs.com/shaoting/p/6110202.html

?著作權(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)容