React Native开发环境搭建 -- Windows 版

开发环境

Windows安装教程

1. Android开发环境

• 用于 Android 源代码编译及原生开发.

AndroidStudio

• 下载http://www.androiddevtools.cn/
• 打开网站将网页拉下来
• 可以默认安装一路下一步就可以
• 注意 断网安装
• 注意 安装过程要记住你们 SDK 安装的位置

AndroidSDK 配置

• 打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建
• 可以直接”我的电脑”-> 右击 -> 属性 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建
  
key ANDROID_HONE
value sdk位置(在安装AndroidStudio 时有)

• path 添加
  
:%ANDROID_HOME%/tools:%ANDROID_HOME%/platform-tools

• 添加完成, 打开一个全新的命令窗口
  
=>$ adb version
Android Debug Bridge version 1.0.36


2. 版本控制

git

• 用于代码版本控制, 及一些开源项目维护
• 下载https://git-scm.com/downloads
• 
• 安装, 可以直接使用默认的配置安装(就是一直下一步)
• 注册 github 账号

SourceTree (可选)

• 下载https://www.sourcetreeapp.com/
• 
• 第一次启动 SourceTree需要注册一下账号才能初始化完成, 如果网页打开不了请科学上网
• 科学上网

3. NODE & NPM

• 下载https://nodejs.org/en/download/
• 
• 安装完node后建议设置npm镜像以加速后面的过程
  
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global


4. react-native-cli

• 用于 React Native 代码编译
• 安装

npm install -g react-native-cli

• 测试安装

cd 切换到你的工作空间位置
react-native init AwesomeProject
cd AwesomeProject
react-native start

5. WebStorm

• 用于 JS 源代码的开发
• 下载https://www.jetbrains.com/webstorm/
• 
• 注册码

6. Chrome

• 用于 JSDebug 调试
• 自行安装处理