React-native 搭建開發環境指導【5】-------編譯並執行
這個環節是出問題最多的地方。操作很簡單,遇到問題也不要慌。都能解決。
在所建立的專案路徑下,開啟cmd視窗。輸入命令列
react-native start
這一步是在開啟packager,也可以在Android Studio 自帶的Terminal視窗執行命令。
可以用瀏覽器訪問
http://localhost:8081/index.bundle?platform=android
8081 是預設埠,如果該埠已經被其他程式佔用,你就需要切換其他埠了。
看看是否可以看到打包後的指令碼(看到很長的js程式碼就對了)。第一次訪問通常需要十幾秒,並且在packager的命令列可以看到形如[====]的進度條。
packager可以在後續,幫你展現你編譯執行的情況。如下圖
開啟packager以後,可以執行你的專案了。開啟另一個cmd視窗,輸入下面的命令。(模擬器已開啟情況下)
react-native run-android
執行成功情況如下
packager也會相應的顯示編譯成功
然後你就可以在App.js中修改程式碼,在模擬器頁面雙擊R,重新整理頁面。
相關推薦
React-native 搭建開發環境指導【5】-------編譯並執行
這個環節是出問題最多的地方。操作很簡單,遇到問題也不要慌。都能解決。 在所建立的專案路徑下,開啟cmd視窗。輸入命令列 react-native start 這一步是在開啟packager,也可以在Android Studio 自帶的Terminal視窗執行命令。 可以用瀏覽
React-native 搭建開發環境指導【2】-------Android Studio
安裝Android Studio 下載和安裝Android Studio,選擇Custom選項。 安裝 Android SDK 可以一開始點選Start a new Android Studio project. 也可以進入後,在選單欄點選下圖圖示,開啟SDK Mana
React-native 搭建開發環境指導【1】(保姆級)
本人零基礎,完成React-native環境搭建的途中有遇到過坑,但我爬出來了。所以,有理由相信,只要你想,你就能做好這部分。希望我的經驗可以給予你一點點幫助。 安裝前你需要的前期依賴 Node :高於8.3 Python:2.X Java SE Development Kit
React Native 搭建開發環境
ng- 到你 ram 搭建 build node install variable 工具 歡迎使用React Native!這篇文檔會幫助你搭建基本的React Native開發環境。如果你已經搭好了環境,那麽可以嘗試一下編寫Hello World。 根據你所使用的操作系統
詳細講解如何在windows下搭建react-native的開發環境(包括在裝置上安裝和執行react-native app )!
我之前在增加完變數後,react-native命令不起作用了,後來重新安裝react-native解決了此問題. 開啟安裝好的android stdio,然後start一個專案,下一步下一步,然後找到這個按鈕,這個是啟動模擬器的鍵,如果沒有安裝模擬器的話,可以選一個手機型號來下載,找到對應你的電腦的
在windows下搭建React Native Android開發環境
ps1 doc cmd pro oot col exec 包管理工具 ocs 1.登錄 React Native 中文網http://reactnative.cn/docs/0.45/getting-started.html 2.登錄 Chocolatey 下載包管理工具h
Mac平臺搭建React Native iOS開發環境
1、安裝node.js 下載node.js安裝包進行安裝 https://nodejs.org/zh-cn/ 命令列檢視Node js版本:npm –v,出現版本號說明安裝成功 2、 安裝React Native命令列工具 命令列下輸入:sudonpm inst
在Windows下搭建React Native Android開發環境和第一個專案建立執行
總結rn必須的依賴安裝 必須準備的安裝依賴有:Node、React Native 命令列工具、Python2 以及 JDK 和 Android Studio。 雖然你可以使用任何編輯器來開發應用(編寫 js 程式碼),但你仍然必須安裝 Android Stud
Mac下搭建React Native iOS開發環境
安裝依賴 Xcode 從appstore或apple官網安裝 Node.js brew install node Watchman 由facebook開發的一款開源的監視本地檔案系統變化的工具,當檔案變更時還可以觸發一些操作,比如重
一步一步在Windows下搭建React Native Android開發環境
搭建JAVA開發環境根據作業系統分為x86或x64位的,下載jdk1.8以上的版本,本機安裝時的java版本:jdk-8u45-windows-x64.exe配置JAVA的環境變數JAVA_HOME = C:\Program Files\Java\jdk1.8.0_45 CL
Android之Windows下搭建React Native Android開發環境(差不多搞了一天)
Android之Windows下搭建React Native Android開發環境 窮逼買不起mac,但是他們都說React Native Android只能在mac下面執行,然後到網上各種找資料看能不能在Windows下面搭建開發環境,找了幾
React Native 一:開發環境搭建 填坑
[email protected]:~/AwesomeProject$ react-native run-android Starting JS server... Building and installing the app on the devi
react-native —— 在Mac上搭建React Native Android開發環境
需要:JDK,Android SDK,Node.js 1.安裝JDK 2.安裝Android SDK 雖然現在谷歌推薦使用Android Studio,但是我還是選擇了單獨安裝Android SDK。 這是一個比較全的目錄,上面的連結是官方的,有wall,用下面的基本都是網盤資源,速度
Mac上搭建React Native Android開發環境並執行
在執行命令 需要使用vpn,才能安裝成功,國內網路受限。 nvm install node 最後執行命令 npm install -g react-native-cli 執行命令 可以建立工程 這個過程是比較慢 react-nati
在Windows下搭建React Native Android開發環境(加入下載連結)
1.安裝JDK 從Java官網下載JDK並安裝。請注意選擇x86還是x64版本。 推薦將JDK的bin目錄加入系統PATH環境變數。 - 官網連結:http://www.oracle.com/technetwork/java/javase/dow
taro react-native端開發環境搭建
cnpm component efi 圖片 con 命令 安裝 eight rdquo taro跨端開發搭建環境中遇到的坑以及解決辦法: 安裝node_modules依賴時經常會出錯,這時可以把依賴刪了,重新按照依賴,可以使用命令yarn/cnpm/npm,用這些命令
React Native Android開發環境配置
環境變量 all hotspot book environ mod 安裝atom 出現 facebook 近些年,Web前端甚是火爆,火爆程度堪比我畢業時的移動端開發一般。隨著JavaScript的火爆,移動端也不安分了起來,ReactNative就異軍突起了,幾乎要做到“
Android 原生應用嵌入React-Native模組開發-環境配置及填坑記
1.Can't find variable: __fbBatchedBridge 還是在專案的根資料夾下,命令列執行如下命令,啟動測試伺服器。$ npm start 但是部分Android 6.0的機
mac 配置React Native的開發環境
1.0基礎環境 1.1 安裝homebrew Homebrew是OS X的套件(包)管理器,用於安裝Node.js和一些其他必須的工具軟體。 ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew
React Native macOS Android 搭建開發環境
這個講的是React Native完整的原生開發環境。 這個環境的搭配,會根據你使用的作業系統、針對的目標平臺不同,具體的搭配步驟就會有所不同;如果想同時開發iOS和Android也是沒有問題的,你需要先選一個平臺開始,對於另一個平臺的環境搭建只是稍有不同。 開發平臺:macOS、Windows