前言
最近應公司CTO要求學習React Native,著手開始學習React Native.目前使用的IDE是sublime 3和webStorm.兩者各有優(yōu)缺點.本人選擇使用webStorm進行開發(fā).正所謂'工欲善其事必先利其器',記錄一下自己配置React Native(mac系統(tǒng)下)的過程,備以后查閱.
環(huán)境配置
下載&安裝
官方下載webStorm for mac開發(fā)工具，然后直接安裝即可.接著到這里復制注冊碼,注冊完成即可破解.
基礎設置
command + ,打開偏好設置,設置以下選項.
-
editor--Emmet--JSX--EnableJSX
配置JSX -
language&framework--JavaScript--JavaScript language version--React JSX(這里我覺得選擇flow也可以).
配置JavaScript language -
插件下載.language&framework--JavaScript--Libraries--download--直接搜索插件下載.
配置插件 - 自動補全插件將ReactNative.xml復制到 ~/Library/Preferences/WebStorm2017.1/templates并重啟 WebStorm.
運行配置
因為本人之前是iOS開發(fā),故僅僅記錄運行iOS項目的配置.
-
菜單欄run--Edit configurations
-
點擊+號,選擇npm.
-
編輯命令名稱(取一個簡單易懂的名字),command選項選擇help.
- 點擊+號,添加一個External tool,點擊編輯按鈕進行編輯.終端運行
which react-native查看react native安裝路徑,tool setting中填寫路徑+react-native.parameters填寫run-ios，安卓填寫run-android.可以使用run-ios --simulator="模擬器名稱"來選擇默認打開項目的模擬器,例如:run-ios --simulator="iPhone 6s".
- 最后點擊ok保存配置.以后使用的時候直接點擊菜單欄run選項或者右上角綠色三角按鈕或者直接使用快捷鍵
control+r運行項目就可以了.
結語
至此,webStorm的相關配置就結束了,網(wǎng)絡上還是有很多相關教程的.
惟愿每天學習一點點,每天進步一點點.僅此而已.
