001 window環境搭建(androidstudio+webstorm)

1:android stduio ?+SDK ?+JDK(as 的配置就不多說了)

2:下載node.js ?推薦最新版(至少也是4.1以上)

3:配置環境變量 ? ?ANDROID_HOME ? ?指向SDK目錄(as中localproperties文件中有),加入Path

4:打開命令窗口,執行npm install -g react-native-cli ? ? 引入插件庫

5:進入你想要新建工程的目錄,在此處打開命令窗口,執行react-native init RNTest

6:進入工程根目錄(即android、ios等幾個文件夾共存的文件夾。),在此處打開命令窗口,執行npm start

7:第6完成之后,打開另外一個命令窗口(6中的命令窗口不要關),執行react-nativerun-android

PS:步驟7中,請確保至少有一臺真機或者是模擬器處于調試狀態中,另外,是6已經完成,服務器開啟之后。

8:程序已經運行在模擬器上,說明初步的環境搭建已經成功,可以使用as+ws進行程序開發。

9:as打開項目根目錄下的android文件夾。

10:下載最新版的webstorm,即webstorm11。

11:ws打開項目根目錄

12:

如上圖所示,這是已經配置好的情況,再第一次打開時,紅框內是空的,需要點擊進行編輯。


在彈框中,先點擊+號,然后選擇npm。


右側配置如上。

記得webstorm一定要是11, ? ? ? ? ? ? ?10是沒有npm這個選項的。

以上內容填寫完成之后,點擊OK,ws的配置便已經完成。

這時候就可以用ws對項目進行運行,不必要打開命令窗口,點擊run,確保服務運行好,然后運行as中的項目,就能讓該項目的android版運行在模擬器上了。

這里有一個坑,as引起的,會經常修改了js文件,ws重新編譯運行了服務,as也重新編譯運行,但顯示在模擬器上的內容卻沒有變化,這時候需要將模擬器上的應用卸載,重新安裝。


推薦用mac進行開發。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容