webstorm配置RN調(diào)試

1. 配置RN開發(fā)環(huán)境，參考RN中文學(xué)習(xí)網(wǎng)，安裝好所需要的各類工具

2. 安裝webstorm，導(dǎo)入RN工程，如下圖所示

屏幕快照 2018-08-02 08.44.36.png

3. 點(diǎn)擊菜單Run->Edit Configurations

屏幕快照 2018-08-02 08.45.56.png

4. 點(diǎn)擊左上角的"+"號(hào)，新建npm配置

屏幕快照 2018-08-02 08.47.03.png

5. 點(diǎn)擊npm配置各參數(shù)如下圖

屏幕快照 2018-08-02 08.48.45.png

6. 點(diǎn)擊External Tool下方的"+"，選中"Run External tool"

屏幕快照 2018-08-02 08.49.00.png

7. 新建External Tools，點(diǎn)擊下方的"+"，名稱可以隨便取，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的運(yùn)行按鈕（綠色的三角形）可以點(diǎn)擊運(yùn)行了

屏幕快照 2018-08-02 09.09.35.png

屏幕快照 2018-08-02 09.12.23.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容