1 安裝Node.js
React Native 開發(fā)使用的是Node.js環(huán)境。
我這邊直接使用Node.js,安裝包來進(jìn)行安裝,你也可以使用Chocolatey管理工具來安裝(有點(diǎn)費(fèi)勁哦)。
直接去官網(wǎng)吧,為了省事我就直接提供網(wǎng)站了https://nodejs.org/en/
小提示:
LTS版本期間支持的變更:bug fix,安全問題fix, 文檔更新和與未來新特性兼容問題的更新。簡單的說支持長期的更新18個月。
Current版本相對穩(wěn)定但只有兩個月維護(hù)期,過了之后只能乖乖升級
安裝完成后,可以在cmd中輸入npm -v查看版本。
安裝后,輸入命令安裝reactnative命令行工具npm install –g react-native-cli
react –native --help可以查看幫助哦
小提示:配置項目的時候需要下載資源,默認(rèn)有很多資源是需要梯子的,那我們這邊修改npm的鏡像源。
1.通過config命令
npm config set registry https://registry.npm.taobao.org? npminfo underscore(如果上面配置正確這個命令會有字符串response)
2.命令行指定
npm --registry https://registry.npm.taobao.org info
underscore
3.編輯~/.npmrc加入下面內(nèi)容
registry = https://registry.npm.taobao.org
2、使用編譯器
1、intellJ Idea 官網(wǎng)
2、webstorm 官網(wǎng)
等等。
安裝完后沒啥東西了,都在setting中配置nodejs和npm,會自動填充的。
3、運(yùn)行空項目
命令行cmd定位到項目存放目錄,初始化命令。
空項目就創(chuàng)建完了
后面還會提示你如何運(yùn)行項目:
接下來需要運(yùn)行工具了,使用idea打開項目。
小提示:
檢查一下idea的android sdk是否安裝好,否則會報錯的。
配置sdk:
使用react-native run-android運(yùn)行:
會啟動一個js運(yùn)行服務(wù):
真機(jī)運(yùn)行結(jié)果:
順便提提啊,記得學(xué)學(xué)es6 阮一峰,代碼風(fēng)格。
感謝看到最后的小伙伴。
微信公眾號:WilliamIT
剛創(chuàng)建的希望能捧場,共同學(xué)習(xí)進(jìn)步。