WebStorm裏面配置運行React Native的方案

之前開發react native項目老是須要打開WebStorm編寫代碼,Xcode跑項目.顯得有點多餘.

今天教你們如何直接使用WebStorm這個IDE直接完成編碼+運行項目工做.這樣就能夠不用打開Xcode了.

1.首先點擊WebStorm右上方的下拉箭頭彈出的Edit Configurations....

2.而後會進入一個配置頁面.點擊左上方的+.在彈出的列表中選中npm.如圖.

3.在右邊的配置框中,先選擇Command爲help.接着點擊下方的+號.再點擊Run External tool.

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

5.在彈出的配置框中,填寫相應信息.

     Name爲該按鈕的名字

    Program爲react Native的路徑,終端命令:which react-native  通常都是   /usr/local/bin/react-native

    Parameters填 run-ios

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

.

5.點擊OK.接下來點擊Apply回到主界面.能夠看見右上方的按鈕.點擊便可運行項目了.

 

有時,須要更換不一樣的機型看看運行效果,這時,須要先切換至Terminal.而後敲入相應命令:

如:

react-native run-ios --simulator "iPhone 5"

 

本文源自網絡：http://www.cnblogs.com/shaoting/p/6110202.html，若有侵權請聯繫本人刪除，僅供學習使用