1. 程式人生 > >React Native在windows上android環境搭配及注意事項

React Native在windows上android環境搭配及注意事項

React Native是新型跨平臺開發的技術,簡稱RN。開發和維護團隊是Facebook,現在開源了,應該會火起來吧。

直奔主題.......

環境搭配:

本人的電腦win10,win7和win8都差不多的。

需要安裝的有nodejs,python2.x,JDK,Android SDK,react-native工具;程式碼編輯器的話,用mac或Linux的可以用官方推薦的atom+nuclide,我用win的就用notepad++或sublime這些工具,記得安裝一些外掛檢錯。

本人是參考官網的安裝步驟,簡化和梳理一下流程,也包括自己對流程的理解,免得搭了環境還是濛濛噠。大笑

這是RN中文官方網:http://reactnative.cn/(中文官方網更新當然沒英文快,對於我這初學者是福音),這個官網也有教程,完全是用命令列安裝的,網速有點扯蛋,不能完全按照上面的執行。

第一步,安裝python2.x,一定要2.x,官網地址https://www.python.org/,下載安裝。測試環境,cmd執行python

第二步,安裝nodejs,官網地址:https://nodejs.org/en/(個人愛好LTS版,LTS:長時間支援版本),下載安裝。測試環境,cmd執行node -v

第三步,(可選的,版本控制工具,不用就不裝)安裝git,官網地址:https://git-scm.com/downloads,下載安裝。測試環境,cmd執行git --version

第四步,安裝c++編譯環境,就是微軟的visual c++ 2010什麼的,有玩遊戲的同學都知道了這些c++的執行庫,有了這些就可以省下NDK了,我的電腦都有了不用裝。

第五步,安裝jdk(最好是1.8或以上),Android SDK,開啟SDK管理器,下載相應的東西,如下圖(打勾的)

必須是這個23.0.1


6.0的api全勾上吧,懶得選哪個哪個了。


android的一些相容包


ANDROID_HOME環境變數


Android SDK的tools和platform-tools目錄新增到PATH變數中,PATH全部大寫。


第六步,使用npm命令安裝RN的cli。npm是什麼?nodejs提供的包管理工具,像mac或linux的命令列安裝環境。cli是什麼?命令列工具。

npm install -g react-native-cli

在執行以上命令之前,先設定淘寶映象或者cnpmjs映象,不然掛個vpn,cmd命令列執行下面任意一種。

淘寶映象:npm config set registry https://registry.npm.taobao.org

cnpmjs映象:npm config set registry http://registry.cnpmjs.org

環境搭配得差不多了,可以測試下專案,下載那demo專案要很久,不要下載系統盤,我試了半天執行不了,檔案許可權問題。

react-native init 本地路徑(非系統盤)
經過漫長的等待,下載好了demo專案,可以執行程式了。

第一步,開啟nodejs伺服器,這個是RN的命令,它依賴於nodejs伺服器。

react-native start
第二步,adb的知識做安卓的都知道啦,只要連線上模擬器或裝置了,就會在裝置上執行apk了。
react-native run-android
接下來,你的模擬器或真機會出現歡迎到react native之類的文字。

環境全部都答通了。

關於RN的入門開發,稍後章節會更新。。。。

相關推薦

React Native在windowsandroid環境搭配注意事項

React Native是新型跨平臺開發的技術,簡稱RN。開發和維護團隊是Facebook,現在開源了,應該會火起來吧。 直奔主題....... 環境搭配: 本人的電腦win10,win7和win8都差不多的。 需要安裝的有nodejs,python2.x,JDK,And

XV6環境搭建注意事項

Ubuntu16.04SLT 64位 工具鏈 sudo apt-get install gcc-multilib libsdl1.2-dev, libtool-bin, libglib2.0-dev, libz-dev, and libpixman-1-dev.     下載

Android開發步驟注意事項

1,在Activity中實現Activity的宣告週期方法。 onCreate() onDestroy() 2,繼承Application實現自定義生命週期管理 import java.util.Stack; import android.app.Activity; im

OpenGL 在Win7(32)配置開發環境流程注意問題

#include <GLTools.h>            // OpenGL toolkit #include <GLShaderManager.h>    // Shader Manager Class #include<GLFrustum.h> #include&

Android 原生應用嵌入React-Native模組開發-環境配置填坑記

1.Can't find variable: __fbBatchedBridge 還是在專案的根資料夾下,命令列執行如下命令,啟動測試伺服器。$ npm start 但是部分Android 6.0的機

重灌系統後,重新安裝ORACLE加環境變數配置、客戶端PL/SQL的安裝過程,注意事項(避免再次踩坑)

(1)首先了解什麼是OERACLE及Oracle與PL/SQL是什麼關係: ORACLE是資料庫,有客戶端和伺服器; PLSQL Developer只是第三方工具,服務於ORACLE,類似的工具還有Toad,sqlplus,sql developer等等; 安裝PLSQL Developer

配置android開發環境、安裝Android studio、Android sdk(配置react native的Android環境

配置react native的Android環境的步驟比較多,所以單獨提取出來記錄: 提示:如果是想搭建android開發環境安裝Android studio,本記錄貼也適用的 1. 安裝 Android Studio,配置sdk 2.建立一個android專案並執行測試

React+webpack+es6的環境配置demo改寫

寫於 2016.05.14 前言 專案地址:jrainlau/react-es6 git clone https://github.com/jrainlau/react-learning cd react-learning && npm install npm run

Android 混合開發以及注意事項以及h5圖片在android機器不顯示問題

因為這個app地嵌入h5做導航,所以需要呼叫android的互動進行獲取定位資訊和其他一些功能,做的效果是H5調Android打電話以及呼叫android手機相簿選擇圖片,現在總結下: 一.打電話以及定位: 1.定義h5呼叫的名稱: webView.addJavascriptInt

Android環境搭建驗證是否搭建成功

注意:下載android和jdk的作業系統都要是32位或64位,要保持一致。最新版本的android解壓和jdk安裝一下,不需要配置環境變數,直接能用哦! 一、android編譯環境安裝 下載後解壓即可,裡面會有sdk 二、jdk安裝 下載後直接預設安裝

AjaxFileUpload檔案注意事項

       文件目的: 介紹如何使用AjaxFileUpload外掛在不重新整理頁面的情況下上傳檔案,並解決無法從伺服器返回JSON資料的問題。

Eclipse開發環境下web專案如何部署到tomcat注意事項

一、摘要 本文探討eclipse開發環境下,web專案如何部署到tomcat下,部署後module顯示名稱與web專案名稱不一致,tomcat啟動時報class not found錯誤等常見問題解答。 二、如何部署到tomcat下 1、配置tomc

Android環境搭建開發利器

 * [new branch]      tradefed   -> origin/tradefed  * [new branch]      tradedef   -> origin/tradedef  * [new branch]      tools_r20  -> origin/to

Android:onNewIntent()觸發機制注意事項

一、onNewIntent() 在IntentActivity中重寫下列方法:onCreate onStart onRestart  onResume  onPause onStop onDestroy  onNewIntent 1、其他應用發

關於android studio安裝說明注意事項

自己安裝了好久android studio,進行一點總結,可能有不足之處 1、首先在官網下載對應系統的android studio版本  2、進行安裝(最好安裝在非C盤中) 3、安裝完成後開啟,會出現unable access to android SDK 此時可以選

關於Android 5.0 、6.0 、 7.0程式碼設定WIFI連線方式為靜態IP或DHCP的方法注意事項

注意:Android6.0以上app不具備刪除,修改WiFi許可權。 如果是自己APP通過程式碼連線的,(如果系統本來就記住了該WIFI,APP裡通過程式碼在連線一次不算),需要許可權 <uses-permission android:name="android.p

Android中LayoutInflater類的inflate方法的使用注意事項

轉自:http://www.ithao123.cn/content-10951307.html [摘要:我們正在講一個界說好的結構檔案(xml)檔案減載到界裡上揭示出去的時間,平常會用到LayoutInflater的inflate方式,仔細的同硯會發明那個方式有四種過載,

android APP整合系統詳細步驟注意事項(amlogic平臺)

此說明用於amlogic平臺整合不簽名的apk。(如何判斷整合的apk需不需要簽名。簡單來說使用U盤安裝後,能正常開啟使用的就可以不簽名方式整合。) 各平臺的檔案系統有差異,但整體大同小異。其他平臺

Android TV開發中所有的遙控器按鍵監聽注意事項,新增home鍵監聽

簡單記錄下android 盒子開發遙控器的監聽 ,希望能幫到新入門的朋友們 不多說,直接貼程式碼 public class MainActivity extends Activity { private String TAG="key";

在XP安裝VS2003注意事項

  為了彌補vs2002裡.net1.0的缺陷,微軟時隔一年,馬上推出了vs2003,支援.net1.0和.net1.1。 1、安裝IIS5.1,下載地址:http://www.crsky.com/soft/22394.html   點選桌面左下角的[開始]