1、手把手教React Native實戰之環境搭建


 React Native 的宗旨是,學習一次,高效編寫跨平台原生應用。

在Windows下搭建React Native Android開發環境

1.安裝jdk

2.安裝sdk
 
 在牆的環境下,為了速度我選擇了使用http://androiddevtools.cn/

3.安裝C++環境

擇Windows SDK、cygwin或mingw等其他C++環境。編譯node.js的C++模塊時需要用到。

4.安裝Node.js與Git

Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。Node.js 的包管理器 npm,是全球最大的開源庫生態系統

 [點擊下載msysgit](https://git-for-windows.github.io/)

建議設置npm鏡像以加速后面的過程(或使用科學上網工具)。

設置全局使用指定的鏡像

npm config set registry https://registry.npm.taobao.org

npm config set disturl https://npm.taobao.org/dist

5.安裝React Native命令行工具

github下載

npm install -g react-native-cli

6.創建項目

react-native init DongFang

7.運行packager  進入工程目錄

react-native start

可以用瀏覽器訪問http://localhost:8081/index.android.bundle?platform=android看看是否可以看到打包后的腳本

8.准備模擬器或真機 運行android

react-native run-android

問題:找不到sdk  或者 無法正常化 sdk路徑  解決辦法:環境變量

問題:failed to find target with hash string 'android-23' in: F:\Android_SDK    解決版本:更新23版本的sdk

問題:build成功后是紅色的:沒有連接服務器js Server
解決方法:ip地址+8081端口  例子:192.168.1.100:8081

9.調試app
  菜單  reload js

##1、配套視頻(下載地址):https://yunpan.cn/cY4JtUGe5X5NW  訪問密碼 91a6 或 http://vdisk.weibo.com/s/aLDC43gEH4w_e


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM