快捷導(dǎo)航

使用Win10+Android+夜神安卓模擬器,搭建ReactNative開發(fā)環(huán)境

更新時(shí)間：2018年10月17日 10:09:42 作者：no-96

今天小編就為大家分享一篇關(guān)于使用Win10+Android+夜神安卓模擬器,搭建ReactNative開發(fā)環(huán)境，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧

前言

網(wǎng)上的教程皮的簡直不談了，非要搞個(gè)AndroidStdio，你以為呢？反手就是一重錘，我就是不裝，第一開發(fā)的很多工作都不需要這個(gè)IDE，第二運(yùn)行起來還很吃內(nèi)存，經(jīng)過實(shí)踐有如下的教程，請大家指教。

安裝

git

不說了，我相信你早就安裝了，有需要的參考：http://www.dbjr.com.cn/article/148066.htm

Java8

需要配置環(huán)境變量JAVA_HOME，CLASS_PATH和path路徑，配置方式如下

安裝Android SDK

參考我的另一篇文章配置android sdk：http://www.dbjr.com.cn/article/149000.htm，注意安裝的是6.0以及與其相關(guān)的工具，不要問我為什么，我也不知道為什么是6.0

選擇列表如下：

配置下屬環(huán)境變量

node.js

這個(gè)直接從官網(wǎng)下載安裝就行，沒有什么難度

Python

安裝Python3可以的,親測有效。網(wǎng)上給的多數(shù)教程都是Python2？？？

React-native

npm 命令安裝

npm install -g react-native-cli

下面的是淘寶鏡像加速的教程

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

編輯器的選擇

既然放棄了笨重但是功能強(qiáng)大的AndroidStdio，就需要尋找另一個(gè)替代的編輯器。下面兩款編輯器推薦給大家，可以通過插件來豐富編輯器的功能，給自己不一樣的體驗(yàn)，感受極客編程的快感

vscode
sublimeText3

初始化

到此一個(gè)demo項(xiàng)目已經(jīng)創(chuàng)建完畢

安裝模擬器

我在中文網(wǎng)上看到的是用Genymotion,日了，只說怎么裝但是沒有說怎么用，還是英文，都怪我英文爛，那么我們就用中文的夜神模擬器其他的模擬器自行參考這個(gè)教程操作。

安裝完成之后運(yùn)行需要讓adb devices 檢測到你的安卓模擬器，所以需要建立連接，夜神的端口號(hào)是62001

# 進(jìn)入夜神模擬器安裝目錄的bin目錄下執(zhí)行下面的命令
nox_adb connect 127.0.0.1:62001

這時(shí)候在cmd 中可以用下面命令查看

adb devices
## 顯示
List of devices attached
127.0.0.1:62001 device

這就說明連接上了

之后連接只需要adb connect 127.0.0.1:62001即可

運(yùn)行

在項(xiàng)目目錄下運(yùn)行下面的命令

react-native run-android

之后便真的可以在模擬器看到結(jié)果了嗎？NONONO，你會(huì)遇到如下的錯(cuò)誤

踩坑

找不到SDK路徑

SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.

在android目錄下創(chuàng)建一個(gè)local.properties文件中加入sdk路徑，注意是絕對路徑?？梢越鉀Q上述問題但是這樣項(xiàng)目的移植性會(huì)受到影響，每次需要修改sdk的路徑。但是問題不大，只是配置的問題，代碼是沒有影響的。

sdk.dir = C:\\Program Files (x86)\\Android\\android-sdk

license問題

You have not accepted the license agreements of the following SDK components: 
[Android Support Repository]. 
Before building your project, you need to accept the license agreements and complete the installation of the missing components using the Android Studio SDK Manager.

在sdk\tools\bin目錄下運(yùn)行sdkmanager --update

模擬器紅屏問題
按照下圖操作，Dev-setting