Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> 搭建react-native for android的windows開發環境

搭建react-native for android的windows開發環境

編輯:關於Android編程

搭建react-native for android的windows開發環境

移動應用的開發分為ios和android兩個平台,開發一款應用就需要做兩次不同的開發。而react-native正好解決了這個問題,只需要寫一次代碼,便可生成兩種平台的原生應用。
react-native


安裝JDK

推薦安裝jdk1.8版本,從jdk官網下載,注意對應系統版本x86 or x64 安裝完成後,建議把環境變量配置一下,參考jdk環境配置
JAVA_HOME:
java_home
CLASSPATH:
classpath
path:
path

安裝android SDK

下載SDK包,由於google官網被牆了,推薦使用國內鏡像地址下載 解壓縮後使用,打開SDK Manager 以下項目必須存在,且不低於版本:
推薦使用騰訊Bugly的鏡像加速下載,加速下載詳細指南 工具名稱 API 工具版本 Android SDK Tools   24.3.4 Android SDK Platfotm-tools   23.0.1 Android SDK Build-tools   23.0.1 SDK Platform 23 1 Intel x86 Atom_64 System Image 23 3 Intel x86 Atom System Image 23 3 Local Maven repository for Support Libraries   26 Android Support Library   23.2

具體如下:
sdk-manager

sdk-manager

將SDK Platform Tools加入系統環境變量path中
填寫自己SDK的路徑,以下參考
android-home

platform-tools


安裝C++環境

推薦從itellyou下載並安裝Visual Studio 2013或2015。

安裝Node.js

從Node.js下載windows安裝包,自行安裝

安裝react-native

打開cmd命令行工具,輸入命令
npm install -g react-native-cli等待自動安裝 輸入 react-native init AwesomeProject ,自動下載實例。該實例會自動放在 用戶個人文件夾下C:\Users\username\AwesomeProject 其目錄根據自身用戶名查看 新打開一個cmd,並切換到AwesomProject目錄,執行npm start 如果顯示如圖那樣,證明你服務已經啟動了,在這裡我們可以看到服務的端口是8081.
npm start
我們在浏覽器證明服務是否啟動,在浏覽器輸入地址:
http://localhost:8081/index.android.bundle?platform=android
等待浏覽器完成,過程有點卡頓現象。出現下圖,表示成功。
success 最後編譯運行AwesomeProject,前提確定連接真機Z喎?/kf/ware/vc/" target="_blank" class="keylink">vcsSjxOLG96Os1rTQ0HJlYWN0LW5hdGl2ZSBydW4tYW5kcm9pZDxiciAvPg0KPGltZyBhbHQ9"run-android" src="/uploadfile/Collfiles/20160328/20160328091029283.png" title="\" />
這個過程會自動下載一些需要的jar包,保持網絡通暢.
success
編譯和運行成功
done閱讀官方文檔來學習

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved