快捷導航

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

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

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

前言

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

安裝

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

這個直接從官網(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

編輯器的選擇

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

vscode
sublimeText3

初始化

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

安裝模擬器

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

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

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

這時候在cmd 中可以用下面命令查看

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

這就說明連接上了

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

運行

在項目目錄下運行下面的命令

react-native run-android

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

踩坑

找不到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)建一個local.properties文件中加入sdk路徑，注意是絕對路徑。可以解決上述問題但是這樣項目的移植性會受到影響，每次需要修改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目錄下運行sdkmanager --update

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