[TOC] --- 1. 官方文檔 [開發文檔](http://reactnative.cn/docs/0.50/getting-started.html#content) 2. 推薦可視化 react-natice 工具 [DECO](https://www.decoide.org/) 3. phpstrom 安裝 `React Native Console` 插件 ## 安裝 參考文檔 [搭建開發環境](http://reactnative.cn/docs/0.50/getting-started.html#content) 如果自動下載`gradle-2.14.1-all.zip`[下載](http://services.gradle.org/distributions/gradle-2.14.1-all.zip)失敗,請手動 文件安裝位置 `C:\Users\cc\.gradle\wrapper\dists\gradle-2.14.1-all\8bnwg5hd3w55iofp58khbp6yv` mac 安裝位置 `/Users/idcpj/.gradle/wrapper/dists/gradle-2.14.1-all/8bnwg5hd3w55iofp58khbp6yv/` ## MAC 準備工作 啟動Xcode，并在Xcode | Preferences | Locations菜單中檢查一下是否裝有某個版本的Command Line Tools Mac 的ios虛擬機 使用`commamd + d` 打開調試界面 1. 運行方式一 直接輸入 `react-native run-ios` 2. 運行方式二 用xcode 打開項目中的`.xcodeproj`文件,點擊運行 ## android 準備工作 在命令行中啟動虛擬機 `emulator -avd a7` -a7 為虛擬機名 1. 運行方式一 直接輸入 `react-native android-ios` 2. 運行方式二 用android Studio 打開項目的`android`文件,運行 ## 測試技巧 安裝phpstorm 插件 搜索 **react** 虛擬機雙擊`r`可刷新狀態 ## 技巧 1. 搖一搖手機,打開`enable Live Reload`