1. 程式人生 > >React Native開發環境搭建——window

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

錯誤解決:

  1. 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