Windows + Android環境搭建
開發軟件依賴
Python2
注:目前不支持Python3版本
下載地址Python 2.7.15,下載後直接安裝即可。
Node
下載地址Node.js 7.6.0,與React Native構建平臺使用node版本一致
安裝完 node 後建議設置 npm 鏡像以加速安裝第三方依賴。
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
Yarn、React Native的命令行工具(react-native-cli)
Yarn是 Facebook 提供的替代 npm 的工具,可以加速 node 模塊的下載。React Native 的命令行工具用於執行創建、初始化、更新項目、運行打包服務(packager)等任務。
npm install -g 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 某第三方庫名
Android Studio
React Native 目前需要Android Studio2.0或更高版本
Android Studio 需要 Java Development Kit [JDK] 1.8(暫不支持更高版本)。你可以在命令行中輸入 javac -version來查看你當前安裝的 JDK 版本。如果版本不合要求,則可以到 官網上下載
下載地址Android Studio,如下圖選擇符合自己平臺的
如果下載的是.zip安裝包,解壓後通過安裝目錄下bin下的studio64.exe即可打開Android Studio,在歡迎界面中選擇Configure|SDK Manager:
在SDK Platforms窗口中,選擇Show Package Details,然後在Android 6.0 (Marshmallow)中勾選Android SDK Platform 23
在SDK Tools窗口中,選擇Show Package Details,然後在Android SDK Build-Tools中勾選 23.0.1(必須包含有這個版本。當然如果其他插件需要其他版本,你可以同時安裝其他多個版本)。然後還要勾選最底部的Android Support Repository.
配置環境變量
ANDROID_HOME:確保ANDROID_HOME環境變量正確地指向了你安裝的 Android SDK 的路徑(請自行確認自己本地安裝路徑)
模擬器 Genymotion
-
下載和安裝Genymotion,需要先註冊賬號,登錄後才能下載安裝包
2.下載後直接點擊安裝即可(會安裝兩個軟件,一個是Genymotion,另一個是VirtualBox虛擬機),須記住Genymotion的安裝路徑,安裝Android Studio 插件時會用到。
3.點擊Genymotion圖標,Genymotion啓動前會先啓動虛擬機,如果出現下圖報錯,說明電腦默認虛擬化技術的配置項沒有開啓,需進入BIOS修改配置項。
4.開機時長按F10 開啓BIOS設置,在Advanced裏找到 system options 回車,最後勾選了Virtualizaton Technology這兩個就開啓虛擬化功能了
5.虛擬機開啓後,genymotion首次進入,需選擇使用模式,商業的需要購買認證,我們直接選擇個人模式,無需購買認證,也沒有使用天數限制。
6.用戶登錄,輸入在官網註冊的賬號密碼即可。不然無法安裝模擬器。
7.點擊Add下載各種版本虛擬機的文件信息了,下好了文件信息就能創建虛擬機,接下來就是Android Studio 和Genymotion關聯了。
8.Android Studio 安裝Genymotion插件
-
打開Android Studio點擊File/Setting
-
選中Plugins,在搜索框內填入Genymotion,點擊下方的Browse repsosistories進行搜索,搜索到點擊Install,等待安裝即可。
-
然後就是重啓Android studio,重啓後多了個新圖標,點擊那個新圖標或者點擊File/Setting/找到Genymotion,配置Genymotion的安裝路徑