React-Native學習筆記1—環境搭建[Linux & Windows]

這篇博文記錄下我從reactnative搭建環境到從零開始學習的探索之旅，記錄自己的成長。

1. 環境搭建

步驟如下：

1.安裝node

2.安裝JDK

3.安裝/配置Android-studio開發工具

4.安裝React-Native Cli及初始化reactnative項目

5.在模擬器或真機上運行項目

下面簡略說下在win下和linux兩個環境中的配置步驟，大的步驟都是一樣的，只是一些細節不一樣。

Windows環境

參考鏈接：詳細講解如何在windows下搭建react-native的開發環境(包括在設備上安裝和運行react-native app )!

LiNUX環境：

我只列出不同的地方，環境搭建好后使用reactnative腳手架搭建項目及運行項目都是一樣的這里就不再贅述。

1. 安裝node

傳送門：
重裝系統的各種安裝配置—論前端攻城獅的自我修養[不定期更新]

2.安裝JDK

2.1 jdk下載：www.oracle.com/technetwork/cn/java/javase/downloads/jdk7-downloads-1880260.html

2.2 解壓安裝包：

tar -xvzf jdk-8u25-linux-x64.tar.gz

2.3 將解壓的安裝包移到你想要的安裝目錄中：

    mv jdk1.8.0_151/ /app

這里寫圖片描述

2.4 配置java環境
編輯~/.bashrc文件

    vi ~/.bashrc //注意是root權限

添加以下變量

export JAVA_HOME=/app/jdk1.8.0_151 //jdk的安裝目錄
export JAVA_BIN=$JAVA_HOME/bin
export JAVA_LIB=$JAVA_HOME/lib
export CLASSPATH=.:$JAVA_LIB/tools.jar:$JAVA_LIB/dt.jar
export PATH=$JAVA_BIN:$PATH

這里寫圖片描述

按ESC鍵，然后:wq!保存退出

使jdk環境變量生效

source ~/.bashrc

2.5 檢查是否配置成功

java -version
javac -version

這里寫圖片描述

3.安裝/配置Android-studio開發工具

參考鏈接：http://blog.csdn.net/dream_an/article/details/53787183

1.下載Android-studio
http://www.android-studio.org/index.php/download

2.解壓安裝包并運行./bin/studio.sh

unzip android-studio-ide-171.4408382-linux.zip /app/android-studio

選擇Custom安裝項,然后繼續下一步

這里寫圖片描述

到這一步時記得勾選Android virtual device
同時這一步也指定了安裝的Android sdk位置，記住這個位置，之后配置環境變量需要用到。

3.下載必備的Android組件
1.在Android Studio的歡迎界面中選擇Configure,再選SDK Manager。注意了,一定要配置好SDK,

這里寫圖片描述
在SDK Platforms窗口中,選擇Show Package Details，

然后在Android 6.0 (Marshmallow)中勾選Google APIs、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image

在SDK Tools窗口中，選擇Show Package Details，然后在Android SDK Build Tools中勾選Android SDK Build-Tools 23.0.1。（必須是這個版本）

這里寫圖片描述

開始安裝
這里寫圖片描述

4.配置Android-studio環境變量

新建一個android.sh環境變量腳本

root@yxy-PC:/app# vim /etc/profile.d/android.sh

寫入如下內容

#!/bin/sh

export ANDROID_HOME=/home/yxy/AndroidSdk //替換為自己的安裝Android sdk的目錄
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

ESC鍵，然后輸入:wq!保存退出。

打開Android-studio新建項目并生成模擬器

這里寫圖片描述

有了模擬器我們運行腳手架的項目就可以在模擬器中看到界面如下：

這里寫圖片描述

那么恭喜你成功～

over..

本文鏈接：https://blog.csdn.net/young_Emily/article/details/79021538

智能推薦

阿里云騰訊云yum方式快速搭建amp環境

lamp-yum安裝一、yum更新整個系統(非必須) 二、安裝php7 （1）安裝CentOS7適用的epel （2）獲取PHP7的yum源（3）安裝PHP7.2及其常用擴展三、安裝Apache2 （1）執行命令安裝apache （2）設置Apache開機啟動并且啟動Apache （3）編寫靜態文件測試php文件是否解析正常四、安裝Nginx （1）安裝準備（2）添加源五、安裝Mari...

ElasticSearch學習筆記：1、Windows下環境搭建

ElasticSearch學習筆記：1、Windows下環境搭建 ElasticSearch基本介紹 1）基于Apache Luece構建的開源搜索引擎 2）采用Java編寫，提供易用的RESTFul API 3）輕松的橫向擴展，可支持PB級別的結構化和非結構化數據處理基本概念索引：含有相同屬性的文檔集合類型：索引可以定義一個或者多個類型，文檔必須屬于一個類型文檔：文檔是可以被索引的基本單...

Windows 下80端口被進程 System & PID=4 占用的解決方法

我的占用原因是 SQL Server Reporting Services，停止掉這個服務并設置其為手動啟動即可如果你并沒有安裝 SQL Server，請參考下文解決 =============================================================================== 突然發現 80 端口被莫名占用，咋一看還是 System 這個進程又...

golang筆記(1)windows開發環境搭建

決定你工資的不是語言，這句話當然是對的，不管做什么語言方面的開發，只要做得深入技術牛逼，工資都不會低。只是，我不想做一個只會開發Android應用的程序員，雖然我的Android技術處在一個中游水平，但是并不妨礙我擁抱golang這一門nice的語言。至于golang的優點有哪些，我這里就不介紹了。一、下載golang 去 golang中國下載一個適合你的版本：二、path環境變量配置下載...

Zookeeper&amp;amp;Kafka

Zookeeper 1.zookeeper啟動：zkServer.sh start 2.zookeeper關閉：zookeeper.sh stop 3.啟動zookeeper客戶端：zkCli.sh -server localhost:2181,server-1:2181（使用到的時候，用[zkCli]標示） Kafka 1.kafka啟動：Kafka-server-start.sh -daemo...

React-Native學習筆記1—環境搭建[Linux & Windows]

1. 環境搭建

1.安裝node

2.安裝JDK

3.安裝/配置Android-studio開發工具

4.安裝React-Native Cli及初始化reactnative項目

5.在模擬器或真機上運行項目

Windows環境

LiNUX環境：

1. 安裝node

2.安裝JDK

3.安裝/配置Android-studio開發工具

智能推薦

猜你喜歡