因為作者是一枚安卓程序員,用的是Windows電腦所以這里只簡單講述一下Windows環(huán)境下,React Native的環(huán)境搭建
1.安裝Node.js
這個的話去node官網(wǎng)去下載就好,官網(wǎng)地址,下載完成之后直接傻瓜式安裝就好,這里不做多余的講解。
2.安裝Git
Git安裝和上面丢早。
3.安裝JDK,SDK
作為一個安卓開發(fā)程序員,這個是必備技能
4.下載React Native的壓縮包
5.設(shè)置npm鏡像
設(shè)置npm鏡像的好處就是加速編譯
步驟:
1.打開Git窗口
2.然后輸入npm,如下:
3.輸入命令
命令1:npm config set registry https://registry.npm.taobao.org
命令2:npm config set disturl https://npm.taobao.org/dist
如下所示:
6.配置React Native
剛才下載好的React Native的壓縮包就用上了
1.解壓秧倾,首先我解壓到這個目錄下
2.用Dos窗口移動到react-native-master這個目錄下怨酝,接著進(jìn)入react-native-cli這個目錄,執(zhí)行命令:npm install -g react-native-cli那先,接著回車耐心等待凫碌。
7.創(chuàng)建項目
這里我創(chuàng)建了一個appProjects一個目錄,里面存放我要生成的項目胃榕,用dos命令進(jìn)入到這個目錄里面盛险,然后Dos命令:react-native init Jun
注意,這里首字母勋又,必須大寫苦掘,不然會失敗
8.運行工程
1.首先進(jìn)行剛剛生成的項目,然后輸入命令react-native start
2.然后楔壤,打開瀏覽器鹤啡,輸入:
http://localhost:8081/index.bundle?platform=android
就會運行處如下結(jié)果
9.準(zhǔn)備模擬器或者真機(jī)安裝項目
dos命令react-native run-android,進(jìn)入編譯狀態(tài)蹲嚣,第一次編譯比較慢递瑰,會下載很多的pom文件,貌似和很多開源框架有關(guān)
eg:在這里,需要注意一下,環(huán)境變量這個問題变屁,因為運行ReactNative程序,需要配置安卓SDK的環(huán)境變量慎颗,因為作者是win10系統(tǒng),這里只展示一下win10的配置
這里,先設(shè)置一個ANDROID_HOME這個環(huán)境
這里這個路徑只是SDK最外面的路徑
上面試第一步俯萎,接著在Path下傲宜,配置
如圖所示和上面那兩個文件夾名稱一致
大家還有什么問題,歡迎留言夫啊,有問題大家一起解決函卒!