RN環境搭建(Android端)

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

  1. 下載和安裝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的安裝路徑

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章