以前開發(fā)react native項(xiàng)目總是需要打開WebStorm編寫代碼,Xcode跑項(xiàng)目.顯得有點(diǎn)多余.
今天教大家如何直接使用WebStorm這個(gè)IDE直接完成編碼+運(yùn)行項(xiàng)目工作.這樣就可以不用打開Xcode了.
1.首先點(diǎn)擊WebStorm右上方的下拉箭頭彈出的Edit Configurations....
2.然后會(huì)進(jìn)入一個(gè)配置頁面.點(diǎn)擊左上方的+.在彈出的列表中選中npm.如圖.
3.在右邊的配置框中,先選擇Command為help.接著點(diǎn)擊下方的+號(hào).再點(diǎn)擊Run External tool.
4.在彈出框中選擇+號(hào).
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)目了.
有時(shí),需要更換不同的機(jī)型看看運(yùn)行效果,這時(shí),需要先切換至Terminal.然后敲入相應(yīng)命令:
如:
react-native run-ios --simulator "iPhone 5"
