React Native開發環境搭建——window
適用物件:有過一定Android開發基礎的人員,最起碼知道什麼是SDK及會配置SDK(不會的可以百度下,不作為本文重點)
工具準備
配置SDK——ANDROID_HOME環境變數
設定全域性使用指定映象(阿里雲資料共享平臺)——更快速
安裝react native命令列工具
採用下載github上facebook開源專案提取工具的方式
安裝過程:
在git-cmd命令列中進入到剛才下載的工程的如下目錄下:cd D:\softwares\ReactNativeSoftware\react-native-master\react-native-cli
執行命令:npm install -g react-native-cli
開始建立專案
git-cmd命令列進入到某個工作空間目錄進行建立目錄 使用cd命令
執行:react-native init HelloWorld 等待……
進入工程目錄 執行packager
cd HelloWorld
執行:react-native start
準備模擬器或真機執行Android
進入到HelloWorld專案目錄下執行:
react-native run-android
錯誤解決:
- sdk找不到錯誤——配置ANDROID_HOME環境變數 可在cmd中輸入:echo %ANDROID_HOME%檢視是否配置正確
個人陳述:
1、作為一個從事Android開發的人員來講轉RN相對ios人員容易那麼一點,畢竟xml佈局跟JSX有點類似;另外需要學習js、html語法;
2、開發工具可以選用WebStorm——跟Android studio快捷鍵一致,學習成本低,也可以使用Vistual Studio輕量級,啟動超快。
3、執行調式程式到真機或模擬器時需要先使用命令列啟動Packager(命令:react-native start),接著啟動客戶端命令(react-native run-android)等待即可。
相關推薦
React Native開發環境搭建——window
適用物件:有過一定Android開發基礎的人員,最起碼知道什麼是SDK及會配置SDK(不會的可以百度下,不作為本文重點) 工具準備 配置SDK——ANDROID_HOME環境變數 設定全域性使用指定映象(阿里雲資料共享平臺)——更快速
react-native 開發環境搭建
post 註意 令行 圖片 技術 usb bubuko http androi 首先安裝jdk。本教程基於jdk1.8,安裝時有一點要特別註意:jdk和jre必須裝到不同目錄下,否則初始化react-native項目時大概率報tools.jar not found ex
react-native-開發環境搭建
Go roi ids ati ios studio androi 工具 sta 一、開發環境搭建-windows平臺; 安裝 node 安裝 react native npm install -g react-native-cli 安裝Android開發工具Androi
win10的react native 開發環境搭建,使用Android模擬器
1.開啟cmd的管理員模式,win+X,選擇命令提示符(管理員)即可,執行如下命令: @"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy
react-native 開發環境搭建(寫於2018-12-31)
開始絕對有必要寫這個:太多坑了; 開發環境: win7 64位 目標環境 android; 1.第一步按照 react-native中文網 安裝; 需要注意的是,就是你通過國內地址下載好android studio (截止目前最新版本 3.2.0);如果沒有穩定的vpn
React-Native 學習系列課程筆記(React-Native開發環境搭建)
對於2016年最火爆的前端H5框架無疑是Facebook推出的React, React框架可以說是一個系列框架,可以分為web端,服務端,移動端,其核心思想都是自己元件化開發,這也是未來前端或者是移動領域一個不小的趨勢所在。 那麼今天我們就來嘗試一下React
在window下搭建react-native開發環境配置,並通過react-native-cli生成一個專案執行
安裝些基本軟體,自行找教程,記得配置下環境變數 安裝python2 安裝jdk node、yarn 模擬器Genymotion傳送門 安裝android studio 然後看著教程將SDK裝好傳
Windows搭建React Native開發環境
win 9.png 技術 src alt blog nat -1 bsp 成功部署 Windows搭建React Native開發環境
手把手教你搭建React Native 開發環境 - ios篇 (React [email
由於之前我是h5的,沒接觸過ios和安卓, 也不瞭解xcode配置,所以 建議學reace-native之前還是先去了解一下ios和安卓開發環境搭建等問題。 環境下載及配置 nodejs:https://nodejs.org/en/download/ 設定淘寶映象 $ npm con
2018.10月,搭建windows下的React Native開發環境
我是根據react native中文網教程https://reactnative.cn/docs/getting-started.html進行搭建 react native必須安裝的依賴有:Node、React Native 命令列工具、Python2 以及 JDK 和 Android St
搭建 React Native 開發環境 —— Node.js 安裝和配置
1. 前言 在正式開發 React Native 應用之前,需要先搭建好 React Native 的開發環境。搭建 React Native 開發環境有以下幾個主要步驟。 原生開發工具:iOS 開發使用 Xcode,Android 開發使用 Android
搭建react或者react native開發環境
安裝React環境 首先安裝node.js 的npm環境,後面我們要通過npm來安裝react 安裝完成後,開啟cmd,然後看一下node版本,得大於6.5以上, 用命令列node -v 然後安裝re
【React Native系列教程】Mac(OSX)平臺搭建React Native開發環境
尊重版權,未經授權不得轉載 本文出自:賈鵬輝的技術部落格(http://blog.csdn.net/fengyuzhengfan/article/details/72575799) 告訴大家一個好訊息,為大家精心準備的React Native視訊教程釋出了,大家
【React Native系列教程】Windows平臺搭建React Native開發環境
尊重版權,未經授權不得轉載 本文出自:賈鵬輝的技術部落格(http://blog.csdn.net/fengyuzhengfan/article/details/72454037) 告訴大家一個好訊息,為大家精心準備的React Native視訊教程釋出了,大家
Windows上搭建React-Native開發環境
技術是進步的,如果你還在為糾結學習Android還是IOS,那麼你已經OUT了,這是網友說的。React-Native怎麼樣我還不知道,只知道要學習這個東西。今天給大家說一說,如何在Windows上搭建React-Native的開發環境。 第一步:如果你是An
在Mac上搭建React Native開發環境
概述 前面我們介紹過在window環境下開發React Native專案,今天說說怎麼在mac上搭建一個RN的開發環境。 配置mac開發環境 基本環境安裝 1.先安裝Homebrew:用於安裝NodeJS和其他工具。 注:Homebrew詳
Mac下搭建react native開發環境
安裝必需軟體 Homebrew Homebrew, Mac系統的包管理器,用於安裝NodeJS和一些其他必需的工具軟體。 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew
Windows下搭建react-native開發環境
最近公司沒有什麼事情,所以決定研究一下react-native.react-native是Facebook研發的一種用於移動端研發hybrid app 的技術(研究的不深,目前只知道這個作用),那麼對於react-native的環境搭建卻是有些複雜.那麼對於剛剛完成環境搭建的
Windows 系統下搭建React-Native 開發環境
元旦放假三天,拿出一天研究了下React-Native的開發: react-native , 優缺點就不介紹了先, 以Windows 10 版本 開發Android 版本為例 1. 安裝python
iOS 2018最新搭建 React Native 開發環境教程
一、ReactNative簡介 ReactNative是移動端目前最熱的框架之一, 著力於提高多平臺開發的開發效率 —— 僅需學習一次,編寫任何平臺。(Learn once, write anywhere)。Facebook 已經在多項產品中使用了Reac