React Native入門系列:如何搭建RN環(huán)境(Windows篇)

一、為什么我們要學(xué)習(xí)RN開發(fā)久橙?

現(xiàn)實來說俄占,如果你會RN管怠,還會原生開發(fā),工作會更加好找缸榄,待遇也會更加高渤弛。
可參考:關(guān)于為什么學(xué)習(xí)React Native三點(diǎn)原因

二、學(xué)習(xí)RN甚带,我們需要準(zhǔn)備什么她肯?

1.個人技能

如果你要通吃移動端的話:你要必須掌握js腳本語言、java鹰贵,至少了解OC/Swift晴氨,同時也應(yīng)該會Android或IOS原生開發(fā),用于RN對原生控件的封裝碉输。

2.工具與環(huán)境(以Android的RN開發(fā)為例子)

一籽前、Node.js(自帶npm)

Node下載地址:根據(jù)自己電腦配置對應(yīng)下載note版本

  • 下載安裝完成后,運(yùn)行cmd敷钾,輸入 node -v 可以查看當(dāng)前安裝的node.js的版本
    輸入 npm -v 可以查看當(dāng)前npm的版本

  • 安裝成功后聚假,輸入node回車后,便可以輸入js語法進(jìn)行簡單的計算了

  • node.js安裝完成后闰非,已經(jīng)說明node.exe已經(jīng)加入到了path環(huán)境變量中

  • 安裝完成后建議設(shè)置npm鏡像以加速后面的過程(或使用科學(xué)上網(wǎng)工具)膘格,如下命令:
    npm config set registry https://registry.npm.taobao.org
    npm config set disturl https://npm.taobao.org/dist

  • 也可使用nrm切換NPM鏡像加速

    查看node版本.png

二、React Native Command Line Tools
  • 進(jìn)行本操作的前提是node.js安裝成功财松,安裝RN命令行工具直接使用node install命令瘪贱,如下:
  npm install -g react-native-cli
安裝RN命令行工具.png
三、Android Studio安裝和環(huán)境配置
1. 安裝AndroidStudio

Android官方下載地址

2. 配置環(huán)境變量(JDK)
  • 下載和安裝JDK:JDK官方下載地址

  • 安裝完成后配置環(huán)境變了辆毡,右鍵偶的電腦——屬性——高級系統(tǒng)設(shè)置——環(huán)境變量

    圖片.png
  • 找到path變量——編輯——變量值:JDK安裝目錄(默認(rèn)在C:\Program Files\Java\jdk1.8.0_40\bin)菜秦,如果變量值已有其他值,請用";"分隔

    圖片.png
  • 接下來配置CLASSPATH舶掖,
    新建變量:CLASSPATH
    變量值:.;C:\Program Files\Java\jdk1.8.0_40\lib\tools.jar;C:\Program Files\Java\jdk1.8.0_40\lib\dt.jar(如果你的jdk不是jdk1.8.0_40版本的球昨,請修改)

    圖片.png
  • 接下來配置JAVA_HOME(缺了這一步Android studio會顯示找不到j(luò)dk安裝目錄)
    新建變量:JAVA_HOME
    變量值:JDK安裝目錄

    圖片.png
  • jdk安裝且環(huán)境配置完成,可在cmd中檢查是否安裝成功眨攘,命令:java -version

圖片.png

三主慰、如何去學(xué)習(xí)RN開發(fā)?

如果我的文章有幫助到您,請點(diǎn)個贊情竹,您的鼓勵是我寫作的最大動力藐不。

下一篇文章:React Native入門系列:創(chuàng)建我的第一個RN Project
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子雏蛮,更是在濱河造成了極大的恐慌涎嚼,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,290評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件挑秉,死亡現(xiàn)場離奇詭異铸抑,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)衷模,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評論 2 385
  • 文/潘曉璐 我一進(jìn)店門鹊汛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人阱冶,你說我怎么就攤上這事刁憋。” “怎么了木蹬?”我有些...
    開封第一講書人閱讀 156,872評論 0 347
  • 文/不壞的土叔 我叫張陵至耻,是天一觀的道長。 經(jīng)常有香客問我镊叁,道長尘颓,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,415評論 1 283
  • 正文 為了忘掉前任晦譬,我火速辦了婚禮疤苹,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘敛腌。我一直安慰自己卧土,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,453評論 6 385
  • 文/花漫 我一把揭開白布像樊。 她就那樣靜靜地躺著尤莺,像睡著了一般。 火紅的嫁衣襯著肌膚如雪生棍。 梳的紋絲不亂的頭發(fā)上颤霎,一...
    開封第一講書人閱讀 49,784評論 1 290
  • 那天,我揣著相機(jī)與錄音涂滴,去河邊找鬼友酱。 笑死,一個胖子當(dāng)著我的面吹牛氢妈,可吹牛的內(nèi)容都是我干的粹污。 我是一名探鬼主播段多,決...
    沈念sama閱讀 38,927評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼首量,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起加缘,我...
    開封第一講書人閱讀 37,691評論 0 266
  • 序言:老撾萬榮一對情侶失蹤鸭叙,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后拣宏,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體沈贝,經(jīng)...
    沈念sama閱讀 44,137評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,472評論 2 326
  • 正文 我和宋清朗相戀三年勋乾,在試婚紗的時候發(fā)現(xiàn)自己被綠了宋下。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,622評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡辑莫,死狀恐怖学歧,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情各吨,我是刑警寧澤枝笨,帶...
    沈念sama閱讀 34,289評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站揭蜒,受9級特大地震影響横浑,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜屉更,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,887評論 3 312
  • 文/蒙蒙 一徙融、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧瑰谜,春花似錦张咳、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至砚哗,卻和暖如春龙助,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背蛛芥。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工提鸟, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人仅淑。 一個月前我還...
    沈念sama閱讀 46,316評論 2 360
  • 正文 我出身青樓称勋,卻偏偏與公主長得像,于是被迫代替她去往敵國和親涯竟。 傳聞我的和親對象是個殘疾皇子赡鲜,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,490評論 2 348

推薦閱讀更多精彩內(nèi)容