第一 安裝nodejs環(huán)境
在 https://nodejs.org/en/download/中下載相應(yīng)的.msi角溃,然后進(jìn)行安裝颗圣。
安裝完畢之后喳钟,ctrl+R輸入cmd打開命令行,輸入命令 npm -v
如果出現(xiàn)版本號在岂,則表明安裝成功荚藻,一般都會成功的,如下圖:
注意:當(dāng)你第一次安裝nodejs環(huán)境的時候洁段,npm的服務(wù)器配置是國外服務(wù)器,因此當(dāng)項目從服務(wù)器上下載相應(yīng)的包時會非常慢共郭,所以我們需要人工配置一下npm的服務(wù)器祠丝,
在nodejs的安裝目錄中疾呻,打開node_modules\npm的npmrc文件,添加這句話?
registry = https://registry.npm.taobao.org
第二 安裝react native命令工具
注意写半,輸入 npm install -g react-native-cli 是安裝當(dāng)前版本岸蜗,即?
這個版本還不穩(wěn)定,后面運行app時很可能會出現(xiàn)問題叠蝇。所以目前最好是換成一下版本璃岳,
react-native 0.55.4 比較穩(wěn)定,
react-native-cli 1.2.0更穩(wěn)定悔捶,
如果你已經(jīng)安裝了當(dāng)前的react-native版本的話铃慷,可以輸入一下命令卸載
npm uninstall-g react-native-cli
npm uninstall-g react-native
在輸入一下命令安裝新版本
npm install -g react-native@0.55.4
npm install -g react-native-cli@1.2.0
安裝完成后,可以輸入
react-native --help
查看react-native的指令
第三 下載安裝AndroidStudio
此步驟自行百度
切記一點:as安裝完畢之后蜕该,React Native 需要通過環(huán)境變量來了解你的 Android SDK 裝在什么路徑犁柜,從而正常進(jìn)行編譯。
打開控制面板?->?系統(tǒng)和安全?->?系統(tǒng)?->?高級系統(tǒng)設(shè)置?->?高級?->?環(huán)境變量?->?新建堂淡,創(chuàng)建一個名為ANDROID_HOME的環(huán)境變量(系統(tǒng)或用戶變量均可)馋缅,指向你的 Android SDK 所在的目錄(具體的路徑可能和下圖不一致,請自行確認(rèn)):
SDK 默認(rèn)是安裝在下面的目錄:
c:\Users\你的用戶名\AppData\Local\Android\Sdk
你可以在 Android Studio 的"Preferences"菜單中查看 SDK 的真實路徑绢淀,具體是Appearance & Behavior?→?System Settings?→?Android SDK萤悴。
你需要關(guān)閉現(xiàn)有的命令符提示窗口然后重新打開,這樣新的環(huán)境變量才能生效皆的。
第四 創(chuàng)建項目
以上三步搞定之后覆履,便可通過命令創(chuàng)建項目
react-native init <項目名稱>,如: react-native init FirstApp
注意:項目創(chuàng)建成功后祭务,你會現(xiàn)在項目目錄中沒有index.android.js和index.ios.js的話内狗,到
項目\android\app\src\main目錄下查看有沒有assets文件夾,若沒有义锥,新建個assets文件夾
然后在項目的根目錄下柳沙,輸入命令
react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/
當(dāng)assets文件夾中出現(xiàn)了以下兩個文件,則項目到這一步算是創(chuàng)建成功了拌倍,否則運行項目會報錯
第五 運行項目?
項目創(chuàng)建成功后赂鲤,在模擬器或真機連接啟動的情況下,可命令輸入
react-native run-android
或
將項目的android項目導(dǎo)入到as當(dāng)中
注意柱恤,通過命令運行項目時数初,如果是真機運行遇到這個錯誤時
Execution failed for task ':app:installDebug'.
> com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallEx
eption: Failed to install all
很可能是真機的版本低于5.1,或是gradler版本問題
請參考:https://blog.csdn.net/mapboo/article/details/53419838
或? ??https://blog.csdn.net/joel97/article/details/75779929?locationNum=5&fps=1