WebStorm 運行Rect Native 項目

今天教大家如何直接使用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"