WebStorm的配置和執行專案
阿新 • • 發佈：2018-12-23
最近在學習react-native，所以決定使用WebStorm，以此文章來對WebStorm的下載，破解，配置和專案執行進行記錄。
下載地址
破解
WebStorm可以免費使用三十天，之後需要購買。查閱資料找到了破解方法：
在開啟彈框中選擇“license server” 輸入：http://idea.imsxm.com/
配置
1.背景和字型設定：
File->Setting
背景設定：
字型設定：
2.行號，換行，參考線：
3.設定.js檔案中支援react-native語法高亮：
程式碼中會有一些警告，因為編輯器不知道這些程式碼的源在哪，所以需要配置。
點選Settings->Languages & Frameworks->JavaScript->Libraries，如下所示：
在彈框中點選Download,分別下載react和react-native。下載後介面如下所示：
配置完成。
更多配置請參考：
http://www.jianshu.com/p/10f5f0055715
執行專案步驟
使用WebStorm執行React-Native專案。
對於Windows:
在命令列輸入：where react-native:
可以查詢react-native的路徑。
確定手機連線到電腦：
1.在命令列執行：adb devices
2.在命令列執行：adb reverse tcp:8081 tcp:8081
3.執行專案：
第一種方法：執行在命令列執行命令：react-native run-android
第二種方法：
先配置編譯環境：以react-native start命令為例：
點選Edit Configurations:
配置完成之後，在介面上會出現start的快捷鍵：
故按照上述配置方法配置react-native run-android，直接點選快捷鍵執行按鈕即可執行專案。
參考文件：
http://blog.csdn.net/gz_jero/article/details/51503374
http://blog.csdn.net/it_talk/article/details/52448597
https://github.com/guanpy/react-native-webstorm/blob/master/window_run.md