以前開發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"
上面這個方法太過時,並且Android使用不了.下面這種方法最為簡單.且iOS和Android均可以.
