- 官方步驟: http://reactnative.cn/docs/0.31/getting-started.html
- 安裝必要軟件:
- 安裝Chocolatey:( 參考官網(wǎng): https://chocolatey.org/ )
- 安裝步驟:
- 打開(kāi)命令行,輸入
- 安裝步驟:
- 安裝Chocolatey:( 參考官網(wǎng): https://chocolatey.org/ )
@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"
2. 利用Chocolatey安裝Python 2:
1. 安裝步驟:
1. 命令行輸入
choco install python2
3. 利用Chocolatey安裝Node:
1. 安裝步驟:
1. 命令行輸入
choco install nodejs.install
4. 安裝React Native命令行工具(react-native-cli):
1. 目的:React Native的命令行工具用于執(zhí)行創(chuàng)建、初始化沼填、更新項(xiàng)目乃正、運(yùn)行打包服務(wù)(packager)等任務(wù)馏段。
2. 安裝步驟:
1. 命令行輸入
npm install -g react-native-cli
2. 注意:如果安裝過(guò)程中遇到EACCES: permission denied權(quán)限錯(cuò)誤堰塌,可以嘗試運(yùn)行下面的命令:
sudo npm install -g react-native-cli
5. 安裝Android studio:
1. 注意事項(xiàng):
1. 需要Android Studio 2.0或更高版本涡拘;
2. 需要JDK1.8或更高版本(如果版本不符合疼电,可使用以下命令行來(lái)安裝)嚼锄;
choco install jdk8
//或是
apt-get install default-jdk
- 推薦安裝的軟件:
- 安裝Gradle Daemon:
- 目的:開(kāi)啟Gradle Daemon可以極大地提升java代碼的增量編譯速度。
- 安裝步驟:( 也可參考官網(wǎng): https://docs.gradle.org/2.9/userguide/gradle_daemon.html )
- 命令行輸入
- 安裝Gradle Daemon:
(if not exist "%USERPROFILE%/.gradle" mkdir "%USERPROFILE%/.gradle") && (echo org.gradle.daemon=true >> "%USERPROFILE%/.gradle/gradle.properties")
2. 安裝Genymotion:
1. 正常安裝即可蔽豺;
2. 配置Genymotion的SDK位置:
1. 找到SDK的位置区丑;
> (比較簡(jiǎn)單的方法:打開(kāi)Android Studio,F(xiàn)ile —> Other Settings —> Default Project Structure);
2. 打開(kāi)Genymotion沧侥,Settings —> ADB —> 選擇(Use custom Android tools) —> 將剛才找到的SDK位置填入其中
> 如(D:\AppData\Local\Android\Sdk)可霎;
3. 重啟Genymotion;
- 配置環(huán)境變量:
- 配置ANDROID_HOME環(huán)境變量:創(chuàng)建名為ANDROID_HOME的環(huán)境變量宴杀,值為SDK的位置
如(D:\AppData\Local\Android\Sdk)
- 配置ANDROID_HOME環(huán)境變量:創(chuàng)建名為ANDROID_HOME的環(huán)境變量宴杀,值為SDK的位置
- 創(chuàng)建項(xiàng)目并運(yùn)行測(cè)試:
- 創(chuàng)建項(xiàng)目:命令行輸入癣朗,(注:NewProject為項(xiàng)目名稱);
react-native init NewProject
2. 打開(kāi)模擬器旺罢;
3. 運(yùn)行項(xiàng)目:跳轉(zhuǎn)到項(xiàng)目目錄下旷余,命令行輸入;
cd NewProject
react-native run-android