ReactNative開發實戰一之環境搭建（Windows下）

阿新 • • 發佈：2019-01-13

作為微信公眾號(Zjiaxin)的開山篇文章------我們將從環境搭建開始：（Windows環境下）

1首先準備必要的軟體和工具：

Python 2、Node、ReactNative、AndroidStudio、WebStorm、Git、Genymotion。

Python2：https://www.python.org/downloads/windows/ （RN目前不支援Python 3版本，所以安裝Python2版本）；

Node：https://nodejs.org/en/ （我選擇的是v8.7.0的版本）

安裝完Node後建議設定npm映象以加速後面的過程(直接在命令列輸入如下命令，回車執行)

npm config set registry https://registry.npm.taobao.org --global

npm config set disturl https://npm.taobao.org/dist --global

Facebook提供的替代npm的工具Yarn（yarn也可以不用安裝），可以加速node模組的下載，以及安裝React Native的命令列工具（react-native-cli）；命令執行如下：npm install -g yarn react-native-cli （其中-g是全域性安裝，需要在任何目錄中執行yarn以及react-native命令的）

安裝完yarn也需要設定映象源：

yarn config set registry https://registry.npm.taobao.org --global

yarn config set disturl https://npm.taobao.org/dist --global

注：Python和Node可以直接下載安裝。

配置Python和Node的環境變數：

檢查環境變數，我們可以通過cmd進入命令，輸入Python與Node -v 檢視安裝的版本（如下）

AndroidStudio：http://www.androiddevtools.cn/ 需要安裝2.0及以上版本，其中jdk版本需要1.8，安裝後配置好環境變數可以通過javac -version 檢視jdk版本，sdk build tools(必須是23.0.1版本)，同時需要勾選AndroidSupportRepository。

jdk和sdk環境變數配置如下：

path中需要配置如下：

WebStorm：https://www.jetbrains.com/webstorm/ RN專案開發工具選用WebStorm，當然也可以使用Sublime等編輯器。直接安裝即可，當然ws是收費的，官網顯示免費試用30天，網上也有破解版的方法，自行查詢。

git：程式碼管理工具 http://gitforwindows.org/ 在安裝過程中注意勾選"Run Git from Windows Command Prompt"，這樣才會把git命令新增到PATH環境變數中。

Genymotion：https://www.genymotion.com/account/login/ 推薦使用這款模擬器，當然也可以使用AS自帶的。需要註冊賬號，登入後下載安裝，Genymotion需要依賴VirtualBox虛擬機器（這裡不過多講解了）。

好了，到這裡我們的開發工具都安裝完畢了，下面開始建立我們第一個ReactNative專案！

分割線2建立ReactNative專案：

我們開啟cmd命令列，cd到我們的workspace下，使用 react-native init RnProject --version 0.50.3 建立一個指定rn版本為0.50.3的名為RnProject的專案。我這裡目前的專案都是0.50.3版本，大家也可以選擇其他版本，RN對版本的要求很高，所以我這裡指定版本。注意版本號必須精確到兩個小數點。