使用WebStorm創建/運行/調試React Native項目

 說在前面
      使用的WebStorm版本是2017.1.1.

這裏寫圖片描述
一. 創建React Native項目
1.File->New->Project
這裏寫圖片描述
2.在New Project窗口中選擇React Native, 並根據情況, 修改項目路徑和項目名稱(我這裏將untitled改爲我的新項目ReactNativeDemo), 修改完成後, 點擊create
這裏寫圖片描述
隨後項目就會被創建, 如下:
這裏寫圖片描述
二. 項目運行
1.點擊右上角的三角形, 出現彈窗,
這裏寫圖片描述
如果是運行在Android環境, 可以直接選擇第二項Android, 選擇後, 變成如下:
這裏寫圖片描述
如果是運行在iOS或者只有Edit Configurations選項時, 選擇Edit Configurations
這裏寫圖片描述
三. 項目調試
1.點擊右上角的Debug按鈕
這裏寫圖片描述
2.運行到手機後, 搖晃手機, 選擇出現彈窗, 選擇第二項Debug JS Remotely , 即可開啓調試. 如下
這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章