1.參照配置地址
http://reactnative.cn/docs/0.46/getting-started.html#content
2.運(yùn)行cmd
3.安裝Chocolatey:
@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin
4.使用Chocolatey來安裝Python 2.
choco install python2
5.使用Chocolatey來安裝NodeJS
choco install nodejs.install
(不行可以用 choco upgrade nodejs.install 試試,https://chocolatey.org/看到的)
6.安裝完node后建議設(shè)置npm鏡像以加速后面的過程(或使用科學(xué)上網(wǎng)工具)。注意:不要使用cnpm!cnpm安裝的模塊路徑比較奇怪,packager不能正常識別!
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
7.Yarn、React Native的命令行工具(react-native-cli)
Yarn是Facebook提供的替代npm的工具,可以加速node模塊的下載。React Native的命令行工具用于執(zhí)行創(chuàng)建、初始化、更新項(xiàng)目、運(yùn)行打包服務(wù)(packager)等任務(wù)。
npm install -g yarn react-native-cli
安裝完yarn后同理也要設(shè)置鏡像源:
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
8.任何一步有問題可以,重啟一下電腦試試(看看環(huán)境變量是否更新)
9.為adb配置環(huán)境變量
在path后面加上Android sdk的地址:例如
新建環(huán)境變量Android
D:\androidstudiosdk\studiosdk\android-sdk-windows\platform-tools
10.測試安裝
react-native init AwesomeProject
cd AwesomeProject
react-native run-android
11.真機(jī)測試出現(xiàn)的問題
unable to load script
解決地址:http://blog.csdn.net/u014175342/article/details/73823904
紅屏問題:http://blog.csdn.net/eric_niezhangyu/article/details/51692297
12.待解決問題oppo R9手機(jī)不能運(yùn)行,原因主要在于這手機(jī),安裝個(gè)app,都需要先問是否安裝這類的問題,開發(fā)者點(diǎn)擊安裝,才開始安裝,完又問是否打開app,之類的問題,導(dǎo)致app無法自動(dòng)安裝。
13.開發(fā)react native需要使用的工具,webstorm。