webstom裡面配置執行React Native的方案

weixin_34279579發表於2016-06-01
WebReact Native

webstom點選 執行run,就可以直接編譯當前專案,不用切換到Xcode,而且還有完善的程式碼補全和格式化排序,懶人再適合不過了.


webstorm編譯環境的配置

注:webstorm版本要求是11.0.3，支援npm配置。

1.建立編譯命令

1652523-2cbd5e4b06862845.png

2.點選右上角的“＋” 號新增npm編譯命令,並且把Command改為help，因為我們不需要它做其他動作，但是又不想受到干擾，所以選擇help。

1652523-b50e96ba22cdf681.png

3.建立External tool新增配置內容


1652523-d4a12d97b81ef10e.png

4.配置React-native的run-iso

(1)先得到你的react native 的路徑(/usr/local/bin/react-native)並新增

(2)得到你的專案路徑


1652523-2b691d53e7e69f87.png

5.完整設定

1652523-aa5edfade047624d.png

6.最後點選綠色的三角(Run)按鈕,就可以啟動執行xcode並開啟模擬器了.


1652523-b926f398069867c4.png
謝謝,如有疑問請留言.

相關文章