前言
Android放下很久了，前段時間一直扎根于前端三大件（HTML、CSS、JavaScript）的學習，目的呢是想為之后的學習React Native學習做好準備。趁著離考試還有一段時間，也是重新走上Android開發(fā)的道路。
現(xiàn)在確實是移動設備占優(yōu)，現(xiàn)在智能手機能夠完成網(wǎng)頁端很多的工作。大有一統(tǒng)江山的趨勢。移動開發(fā)在未來的很長時間里面都是熱門。
工欲善其事必先利其器，本文主要是結(jié)合自己的相關(guān)經(jīng)驗搭建開發(fā)環(huán)境，來開始關(guān)于React Native的第一篇博文?？v觀網(wǎng)上的各種教程，還有官方的一些教程吧，寫的是比較簡略的，所以本文的定位是寫一點比較詳細的環(huán)境安裝教程。
關(guān)于react native
還是老規(guī)矩，介紹下這個東東吧。
React Native 是一個 JavaScript 的框架，用來撰寫實時的、可原生呈現(xiàn) iOS 和 Android 的應用。其是基于 React的，而 React 是 Facebook 的用于構(gòu)建用戶界面的 JavaScript 庫，但是這里不是給瀏覽器解釋的，而是為移動平臺。換句話說：如果你是一名 web 開發(fā)者，你可以使用熟悉的框架和單一的 JavaScript 代碼庫，即 React Native來撰寫清晰的、高效的移動應用。
相比較于 iOS 和 Android 原生的開發(fā)，React Native 提供更好的開發(fā)者體驗。因為你的程序大多數(shù)都是 JavaScript，你可以從 web 開發(fā)中汲取大量的經(jīng)驗，比如能夠立即“刷新”你的應用來查看你代碼的修改。相比于在傳統(tǒng)的應用開發(fā)中花很長的時間去等待構(gòu)建的過程，會讓人感覺這簡直是天賜之物。
另外，React Native 還為開發(fā)者提供了智能的錯誤報告和標準的 JavaSript 調(diào)試工具，這些讓移動開發(fā)更加的順手。
確實現(xiàn)在的開發(fā)，RN在后面的很長時間是主流。畢竟原生開發(fā)存在著諸多問題，最大的問題是在用戶體驗上。廢話不多說，進入正題。
安裝
安裝過程可以參考React Native中文網(wǎng)
那你以為這樣就完了嗎？沒有。
官方文檔上面說了，必須安裝的東西，其實有些東西是沒有必要的，比如Chocolatey這個包管理器，下載速度及其慢，完了還不支持斷點續(xù)傳，網(wǎng)絡一有波動就GG。
所以遇到按照官方的步驟配置的遇到錯誤的，到我這里來就對了。
Node.js以及Python安裝
這里需要用到的兩個軟件分別是Python2和Node.js（其中Python必須安裝2.x.x版本，Node.js隨便安裝都無所謂）。
我們采用安裝包的方式安裝這兩個軟件，下載地址為：
- Python：Python2.7.14
- Node.js:Node.js 8.9.4LTS
安裝過程一路默認就行，但是要注意，需要把Python的根目錄添加到環(huán)境變量。C:\Python27
其次，Node.js也是需要將其根目錄配置到環(huán)境變量的。
具體流程就不詳細介紹了，如果有問題請詢度娘。
Yarn、React Native安裝
Yarn是Facebook提供的替代npm的工具，可以加速node模塊的下載。React Native的命令行工具用于執(zhí)行創(chuàng)建、初始化、更新項目、運行打包服務（packager）等任務。
npm install -g yarn react-native-cli
安裝完yarn設置鏡像源：
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
PS：這里不設置也是可以的，親測沒有什么差別。
Android Studio安裝
React Native是支持3.x版本的。所以博主是用的3.1的版本，這個版本的Android虛擬機做了些優(yōu)化，無論是啟動速度還是性能各個方面都很優(yōu)秀。另外3.x出來快大半年了，還停留在2.3版本的朋友可以考慮給手中的AS升級了。
關(guān)于Android Studio的安裝我就不詳細介紹了，官方教程寫的還是很詳細的，另外官方教程的安裝步驟2.3和3.1的沒有差別。
PS：這里再說一下，Java JDK不支持9.0版本的，我之前用的就是9.0版本，發(fā)現(xiàn)不兼容，果斷換回了8.0.
這里直接簡述下安裝過程，相信AS這種級別的軟件安裝不是很難吧。
- 安裝軟件的步驟是一路Next就行，沒有坑
- 安裝完成后打開AS，然后這里會下載一些組件，請保持網(wǎng)絡連接。
- 確保 Android SDK和Android Device Emulator選中
- 打開軟件后選擇custom選項，接下來會叫你選擇主題什么的，你開心就好
- 這里SDK Components Setup 里面的東西全部選中，當然你要更改SDK的路徑也是可以的
- 安裝完成后，在Android Studio的歡迎界面中選擇Configure | SDK Manager。
- 在SDK Platforms窗口中，選擇Show Package Details，然后在Android 6.0 (Marshmallow)中勾選Google APIs、Android SDK Platform 23、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image。
- 在SDK Tools窗口中，選擇Show Package Details，然后在Android SDK Build Tools中勾選Android SDK Build-Tools 23.0.1（必須包含有這個版本。當然如果其他插件需要其他版本，你可以同時安裝其他多個版本）。然后還要勾選最底部的Android Support Repository.
- 將SDK的目錄加到環(huán)境變量，單獨配置Android SDK的tools和platform-tools目錄添加到PATH變量中。
Git
這個安不安裝在現(xiàn)階段是無所謂的，但是作為一個程序員，不用Git感覺就像村里沒通電一樣。
配置Android Device Emulator
用過AS的可以跨過這一步。
打開Android virture Devices Manager，然后新建就行了。
[圖片上傳失敗...(image-1acf26-1516176914591)]
[圖片上傳失敗...(image-daf42b-1516176914591)]
[圖片上傳失敗...(image-956099-1516176914591)]
OK，到現(xiàn)在基本上環(huán)境是安裝好了。接下來弄一個小小的demo測試下。
測試
在你合適的位置新建一個文件夾用來放置RN的文件。 在此處發(fā)開PowerShell（Shift+鼠標右鍵，選擇PowerShell）。輸入命令：
react-native init 你的項目名
[圖片上傳失敗...(image-944347-1516176914591)]
PS：這個下載過程有點長，我用的最短時間是0.25分鐘，最長5分鐘。
接下來在cd進入你的項目，輸入以下命令：（在此之前，需要打開模擬器）
react-native run-android
此時會彈出Node的命令行界面：
[圖片上傳失敗...(image-466429-1516176914591)]
稍等一會就會出現(xiàn)以下界面：
[圖片上傳失敗...(image-10aae9-1516176914591)]
代表安裝成功。
總結(jié)
只是簡單的簡述了下我的配置RN的過程，路漫漫其修遠兮。后面我會繼續(xù)學習RN，同時還需要準備下算法學習備戰(zhàn)藍橋杯個人賽。記錄下我的安裝步驟，在安裝的過程中也是需要耐心的，官方教程也不是萬能寶典，還是要辯證的來看吧，使用包管理器確實下載很不方便，而且出了問題也不知道出在哪里，還是安裝包直接點。如果在安裝過程中有不懂的地方，歡迎留言評論。
原文地址：點我
