1. 配置RN開發(fā)環(huán)境胀瞪,參考RN中文學(xué)習(xí)網(wǎng)壹无,安裝好所需要的各類工具
2. 安裝webstorm,導(dǎo)入RN工程轩性,如下圖所示
屏幕快照 2018-08-02 08.44.36.png
3. 點擊菜單Run->Edit Configurations
屏幕快照 2018-08-02 08.45.56.png
4. 點擊左上角的"+"號声登,新建npm配置
屏幕快照 2018-08-02 08.47.03.png
5. 點擊npm配置各參數(shù)如下圖
屏幕快照 2018-08-02 08.48.45.png
6. 點擊External Tool下方的"+",選中"Run External tool"
屏幕快照 2018-08-02 08.49.00.png
7. 新建External Tools揣苏,點擊下方的"+"悯嗓,名稱可以隨便取,run-ios/run-android等卸察,Tool Settings下方的Program脯厨、Arguments、Working directory一定要配置好
Program: /usr/local/bin/react-native
Arguments: run-ios --simulator "iPhone 6s" //如果是安卓則是坑质,run-android
Working directory : $ProjectFileDir$
屏幕快照 2018-08-02 08.49.14.png
屏幕快照 2018-08-02 08.49.25.png
8. 按以上步驟配置后合武,則webstorm的運行按鈕(綠色的三角形)可以點擊運行了
屏幕快照 2018-08-02 09.09.35.png
屏幕快照 2018-08-02 09.12.23.png