1. Python 2 注意,不要選擇3.0及以上的,還不成熟
安裝過程中一直 next就可以了,但是注意下圖,勾選添加到系統環境變量
安裝完之后cmd輸入 python 查看是否安裝成功。
補充: 如果提示python不是內部命令,可能是添加環境變量出問題了,可自行添加。
步驟: 1. 復制python安裝路徑, 默認是 C:\Python27 。
2. 控制面板→系統→高級系統設置→環境變量→任選Admin變量或者系統變量中的path, 點擊編輯,粘貼在最后面。注意: 前面要加一個分號“;”隔開。
2. Node 直接裝最新的就可以,32/64就不解釋了。(安裝node自帶npm包管理工具)
注意: 一定要勾選Add to PATH(自動添加到系統環境變量) ,其他沒要求,安裝過程中一直 next 就行了。
安裝完cmd運行 node --version ,如下圖表示安裝成功。
3. Yarn( 推薦安裝,非必須 )
Yarn是Facebook提供的替代npm的工具,可以加速node模塊的下載。React Native的命令行工具用於執行創建、初始化、更新項目、運行打包服務(packager)等任務。
npm install -g yarn react-native-cli // 同時全局安裝yarn 和 react-native-cli
安裝完yarn后同理也要設置鏡像源:
yarn config set registry https://registry.npm.taobao.org --global yarn config set disturl https://npm.taobao.org/dist --global
安裝完yarn之后就可以用yarn代替npm了,例如用yarn
代替 npm install
命令,用 yarn add 某第三方庫名
代替 npm install --save 某第三方庫名
。
4. Android Studio 版本大於2.0就行
也是一路next就可以完成安裝了。
如果出現如下報錯,是因為電腦里沒有SDK而下載的android studio又不帶SDK。
解決方法:
在安裝目錄下找到:bin\idea.properties ,在文件末尾添加一行disable.android.first.run=true即可
接下來配置android studio
1. 安裝完成后,在Android Studio的歡迎界面中選擇Configure | SDK Manager
2. 在【SDK Platforms】窗口中
選擇Show Package Details
,然后在Android 6.0 (Marshmallow)
中勾選如下:
Google APIs
Android SDK Platform 23
Intel x86 Atom System Image
Intel x86 Atom_64 System Image
Google APIs Intel x86 Atom_64 System Image
補充: 如果如下紅框中為空,說明還沒有安裝配置Android Studio SDK, 沒關系,點擊edit , 將新頁面出現的選擇全勾選就可以安裝。 完成后即可進行上述操作。
3. 在【SDK Tools】窗口中,選擇Show Package Details
,
然后在Android SDK Build Tools
中勾選Android SDK Build-Tools 23.0.1
(必須包含有這個版本。當然如果其他插件需要其他版本,你可以同時安裝其他多個版本)。
另外還要勾選最底部的Android Support Repository
.
4. 點擊 apply 或者 ok 安裝上面勾選的。
5. 設置環境變量
補充說明:
1. 中英文官方文檔也包括大多數教程,都忽略了一點,Android Studio是開發安卓的,怎么少得了java環境呢?
所以你完成上述步驟並初始化項目后運行react-native run-android會報錯沒有開發環境。綜上,務必 安裝java並配置環境變量。
2. 運行過程中還會遇到一個問題,gradel-2.14-rc-1-all.zip下載巨慢無比。
建議手動下載 gradle-2.14-rc-1-all.zip
下載完成后找到 類似下面的目錄 ,放進去就行了。
C:\Users\xxx\.gradle\wrapper\dists\gradle-2.4-all