1. 程式人生 > >React-native with vscode on Mac 搭建開發環境

React-native with vscode on Mac 搭建開發環境

  1. 這時候你需要參考https://blog.csdn.net/young_emily/article/details/79005728
    如果之前你沒有開發過android類專案,或者本地沒有裝Android Studio,參考完之後你會發現,會提示你 SDK 目錄找不到。。。
    你這時候是不是心態爆炸???在這裡插入圖片描述
  2. 去官網下載安裝Android Studio或者自行安裝SDK,不推薦後者,Android Studio安裝後你還會碰到unable to access android sdk add-on list 你這時候需要在你的Android Studio上右鍵,顯示包內容,開啟Contents/bin/idea.properties,在最後一行新增disable.android.first.run=true
    儲存退出,重新開啟Android Studio,在setting中搜索SDK,不要相信說的什麼配置的什麼xxx學校的代理,沒用,直接翻牆,不會?https://github.com/yinghuocho/firefly-proxy 自己什麼電腦下什麼版本的,安裝完開啟,一切報錯什麼的 點允許 你曉得伐? 然後去Android Studio裡面去下載SDK,辣麼多辣麼大下哪個?你要是有android手機,手機什麼版本下什麼,也方便測試,趁現在翻著牆,去Chrome商店搜一個react development tool的外掛下載安裝一下, 之後用得到。
  3. 還有一點,哪怕你全部按照我的來了,你還是會碰到一個錯,就是在手機上安裝後在這裡插入圖片描述

    不好意思 ,你可能還需要下一步->
  4. 在android/app/src/main下新建一個assets目錄,然後在專案根目錄執行react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
    之前是index.android.js,已經是上古世紀的東西了,這裡是index.js,至少你看到我這篇教程的時候是這樣,所以很多人搜到的解決方法,因為是index.android.js又導致執行不了,執行完之後,你會發現在你剛新建的目錄下面生成了一個index.android.bundle檔案現在執行react-native run-android,插上你的爪機,等待奇蹟嘞發僧吧

最後說一句,如果你要學一個新技術千萬不要因為開發環境搭建不好而放棄!!!

覺得有用不妨掃描左側二維碼資助一下本猿~ 手動摳鼻……略略略