第一節 搭建開發環境

来源:http://www.cnblogs.com/biqian/archive/2016/03/13/5274108.html
-Advertisement-
Play Games

# 安裝要點: 1. 嚴格按照官方文檔:https://facebook.github.io/react-native/docs/android-setup.html2. 遇到問題首先在項目git issue里尋找答案。3. 模擬器:僅安裝genymotion模擬器,不需要嘗試谷歌自帶的,或微軟的模



# 安裝要點:

1. 嚴格按照官方文檔:https://facebook.github.io/react-native/docs/android-setup.html
2. 遇到問題首先在項目git issue里尋找答案。
3. 模擬器:僅安裝genymotion模擬器,不需要嘗試谷歌自帶的,或微軟的模擬器,那種速度會非常痛苦。

# 系統準備:
1、系統環境:
C:\WINDOWS\system32>git --version
git version 2.6.4.windows.1

C:\WINDOWS\system32>node -v
v5.4.0

C:\WINDOWS\system32>npm -v
3.3.12

D:\note>react-native --version
react-native-cli: 0.1.10
react-native: 0.21.0
這裡註意npm3,以前所有的npm依賴,是目錄嵌套目錄,現在是平行放在同一個目錄下。安裝react-native-cli的時候,
版本3是必要的。
非必需:安裝了vs2015社區版,註意勾選c++相關模塊,有些C++模塊可藉此編譯。

# 安裝jdk(國內正常訪問)
http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html
Java Platform, Standard Edition這一節,點擊jdk download按鈕
在Java SE Development Kit 8u66這一節中,先accept它的協議
因為使用win10,windows x64版本,下載後正常安裝。
然後:
1、增加環境變數:
JAVA_HOME,其值為jdk的安裝路徑:C:\Program Files\Java\jdk1.8.0_66

2、確保Path里有jdk的bin目錄
C:\Program Files\Java\jdk1.8.0_66\bin

# 安裝android sdk管理工具(國內網站替代)
##安裝:
下載sdk manager,這裡都選擇x64版本,http://androiddevtools.cn/ 在主菜單的android sdk tools中選擇sdk tools:
選擇Windows installer_r24.3.4-windows.exe
安裝完畢後執行sdk manager,要更新的話,科學上網,或者使用淘寶、騰訊的鏡像。
將SDK的platform-tools子目錄加入系統PATH環境變數。

## 更新android sdk(科學上網)
Define the ANDROID_HOME environment variable 然後重啟
值為:C:\Program Files (x86)\Android\android-sdk
這裡要嚴格按照官方文檔,該安裝的都要安裝,沒勾的不要安裝,註意版本號要一致。

# 安裝react-native-cli
npm install -g react-native-cli
這是react native的命令行工具

# 安裝react native
執行:
D:\>react-native init note
這個過程很漫長,因為此時才會下載react-native包。
要註意react native包不要全局安裝,首次init項目後,會緩存react-native,下次就很快樂。
同時要註意國內的npm源不可用,為了速度快些,可以將https源改為http源
npm config set registry "https://registry.npmjs.org"
初始化項目完畢後,在模擬器成功運行,才意味著安裝成功:
1、打開genymotion
2、啟動一個模擬器:這裡註意,通過模擬器的手機操作,打開wifi並連接上面唯一的熱點。
3、開兩個命令視窗:
第一個運行:npm start,啟動服務,保持監控狀態
第二個運行:react-native run-android
在項目運行後修改代碼,在模擬器上,右下角找到menu圖標,選擇ReloadJs即可,不需要每次執行上述步驟。

#遇到的問題
## 問題1:模擬器不能連接
使用模擬器的手機設置功能,打開wifi,連上唯一的熱點。
其它不用額外設置。
## 問題2:運行時出錯:
原因是使用了國內npm源,改FQ重新init項目,結果正常。

#使用Visual Studio Code

安裝了react native支持模塊後,按Ctrl+shift+p,輸入R
react native:start package 作用等同npm start
react native:run android 等同react-native run-anroid.

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • HTML元素的ID和Name屬性的區別今天突然興緻來了,想深究下這兩屬性的具體區別最classical的答案:ID就像是一個人的身份證號碼,而Name就像是他的名字,ID顯然是唯一的,而Name是可以重覆的。      顯然這個ID和Name的解答說的太籠統了,當然那個解釋對於ID來說是完全對的,它
  • Some Structure About CSS Layout Position,Layer[層次] Box Model Visual Formatting Model BFC[block formatting content],IFC[inline formatting content] Styl...
  • 仍記得剛來到公司的時候,老大跟我們說起原型鏈、閉包、MV*之類的東西,當時真的是一臉懵逼的樣子啊哈哈 在公司做前端開發也差不多四個月了,每一天感覺都是很忙碌,都是忙著寫業務代碼或者自己在學習新東西,總感覺很多知識點在這樣的狀態下,匆匆忙忙就略過了,自己並沒有真正理解掌握下來,還是要趁有時間還是把那些
  • jquery通過ajax方法獲取json數據不執行success回調方法
  • 原文地址:http://onevcat.com/2013/05/talk-about-warning/   一個有節操的程式員會在乎自己的代碼的警告,就像在乎飯碗邊上有隻死蟑螂那樣。 ——@onevcat 現在編譯器有時候會很吵,而編譯器給出的警告對開發者來說是很有用的信息。警告不會阻止繼續編譯和鏈
  • 先看效果: 京東商城底部菜單欄      新浪微博底部菜單欄   本次學習效果圖: 第一,主佈局文件(啟動頁main.xml,位於res/layout目錄下)代碼 第二,創建顯示此TabWidget的佈局tabmini.xml(位於res/layout目錄下) 第三,在drawable裡面創建一個s
  • 要實現分組列表這樣的效果:點擊ListView中的分組名稱,即展開此分組顯示其包含的項目。使用ExpandableList可以實現展開這樣的效果,如果對於列表中的每個可點擊的標題View需要更多的定製,而不是簡單的展開——例如點擊全選等,那麼可使用ListView嵌套GridView組合實現,Lis
  • # 代碼 項目剛創建的時候,只有一個js文件,index.android.js,我們將其簡化一下,代碼如下: import React, { AppRegistry, Component, Text} from 'react-native'; class Note extends Component
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...