搭建配置React Native 環境(windows)

最近在自學RN,之前用UniApp寫過一個App,看各位大神都說,要想App性能好還是學RN,於是又踏上一條不歸路。

查閱資料,根據網上大神的學習資料自己搭建環境。不得不說,有些網友寫的博客,估計是甄姬他爸寫的,因爲他爸瞎啊。自己都不檢查一下就來誤導新手。還有複製粘貼的,代碼都是錯的,我也是服了,求人不如求己,還是看文檔靠自己吧!

先看官方文檔,首先自己的電腦安裝依賴.不是很明白爲什麼要安裝python。(下面的鏈接包括,python2.7,AnroidStudio,JDK1.8!node環境配置簡單,可自行百度,也可以查看我之前的文章【https://blog.csdn.net/chenacxz/article/details/79895876】)

鏈接:https://pan.baidu.com/s/1shRH-oPBKixBM62DX4taUQ   提取碼:33of 

許多人配置Anroid SDK,總是報錯,這裏不用去官網下載了,你安裝打開AnroidStudio會自動幫你下載SDK的。

安裝完AnroidStudio,首次打開會報錯,那是因爲他檢測SDK的原因,不用管它。你點擊Cancel直接進來就好了。

(File->Setting)這裏是你的Studio自己幫你配置的SDK地址。然後右鍵點擊我的電腦,通過屬性,高級系統設置進入環境變量

然後點擊Path,添加配置%ANDROID_HOME%\tools;%ANDROID_HOME%\build-tools;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%;

然後打開cmd輸入,adb可以查看你的安卓版本環境

開始新建ReactNative項目:

安裝腳手架

npm install -g react-native-cli

新建個文件夾

react-native init myApp

你的項目路徑出來了,在項目路徑下,進入cmd,輸入react-native start ,首先啓動RN項目

進入Studio,點擊這個小按鈕,下載一個安卓模擬器,自己可以選擇,我的是這個:

然後在Studio,File-open,打開項目路徑的android文件夾

這裏會出現一個app,點擊旁邊的啓動按鈕就可以啓動了,這就是我們最終效果。嘖嘖嘖。。。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章