ReactNative開發實戰一之環境搭建

最新 05-21

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

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

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 查看安裝的版本（如下）

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項目！

分割線

創建ReactNative項目：

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