記錄入門過程。希望對大家有所幫助。
入門網(wǎng)站：
http://wiki.jikexueyuan.com/project/react-native/GettingStarted.html.
官網(wǎng)：
http://facebook.github.io/react-native/docs/getting-started.html.
好吧蹋半，官網(wǎng)推薦在window下的話使用Chocolatey捻爷。最近比較窮，ios開發(fā)機(jī)就先算了俐芯，用windows學(xué)習(xí)吧邮辽。先裝個Chocolatey看看是怎么回事。官網(wǎng)：https://chocolatey.org/ 捕儒。感覺就是windows下的apt-get。
-
Chocolatey 安裝
用管理員的身份運(yùn)行cmd或是powershell。之后使用一種方式安chocolatey
cmd方式：輸入如下命令：@powershell -NoProfile -ExecutionPolicy unrestricted -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\binpowershell方式：輸入如下命令：
iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))
出現(xiàn)chocolatey is now ready，表示安裝成功
有些機(jī)器上會出現(xiàn) “無法加載文件 ，因為在此系統(tǒng)上禁止運(yùn)行腳本” 的情況锦援，這是由于系統(tǒng)的執(zhí)行策略造成的略板。有興趣的同學(xué)可以到微軟官方說明這里了解詳細(xì)信息藐鹤。默認(rèn)情況下是嚴(yán)格模式，允許執(zhí)行命令但是禁止執(zhí)行腳本质涛。輸入以下命令將執(zhí)行策略設(shè)置為允許簽名的遠(yuǎn)程腳本就行了。
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned
家里網(wǎng)絡(luò)還是比較慢的。還是得上vpn可以下載會快一些。
Chocolatey的使用
安裝成功之后，就可以使用Chocolatey了。常用功能如下：
search命令
choco search 關(guān)鍵字
會搜索出所有包含關(guān)鍵字的軟件包。例如搜索jdk會列出eclipse等好幾個軟件址芯。
install命令
choco install 軟件包名稱
安裝對應(yīng)的軟件包旬陡。
update命令
choco upgrade 軟件包名稱
uninstall命令
choco uninstall 軟件包名稱
會卸載指定的軟件包描孟。
如果不想在命令行下搜索和安裝軟件包，可以安裝ChocolateyGUI，這是一個圖形化的界面蔬螟，可以方便的執(zhí)行上述命令坎怪。
choco install chocolateygui
除了在命令行中搜索軟件包，還可以直接在Chocolatey網(wǎng)站上搜索軟件包，網(wǎng)址是https://chocolatey.org/packages/ 盹憎。細(xì)心的同學(xué)會發(fā)現(xiàn)在網(wǎng)站上有一些同名的軟件包俯艰，不同之處在于一個后面有Install谓传，另一個則沒有。這兩者的區(qū)別是：有Install的軟件包在安裝之后，會在控制面板的添加和刪除程序中找到往堡。
-
安裝環(huán)境
choco install nodejs.install choco install python2 npm install -g react-native-cli -
安裝Gradle
下載gradle-2.2.1-all 存在到本地，如存放于M:\workspace\web前端\前端技術(shù)
解壓到d:盤programes目錄。配置環(huán)境變量
GRADLE_HOME=D:\Program Files\gradle-2.2.1
PATH中加入%GRADLE_HOME%\bin目錄剧包。
打開cmd 運(yùn)行
gradle -v測試是否正常
-
安裝git for windows
安裝安卓sdk
官網(wǎng)下載adt-bundle，解壓到d:\Program Files\adt-bundle
配置環(huán)境變量：
ANDROID_HOME=D:\Program Files\adt-bundle\sdk
在PATH中加入環(huán)境變量：%ANDROID_HOME%\tools 和 %ANDROID_HOME%\platform-tools
運(yùn)行：
android list target
正確返回說明成功现喳。-
下載最新的node.js并安裝
https://nodejs.org/en/npm install -g nrm安裝 nrm方便切換源
安裝完運(yùn)行nrm ls查看當(dāng)前源涵卵。
運(yùn)行
nrm taobao
切換到淘寶源嫁乘。
運(yùn)行
nrm test npm
測試源速度看疙。 創(chuàng)建測試工程
$ react-native init AwesomeProject連上手機(jī)⊙惩欤或是使用模擬器。推薦Genymotion模擬器加袋。
-
編譯運(yùn)行：
react-native run-android然后等上一會抱既，程序編譯完成蚀之，手機(jī)上看到AwesoneProject的APP锁右。
待續(xù)...
