最近开始学习React native，不得不说React native真的是非常强大啊，体验以及流畅度真是没的说，React native之路会有一系列的文章，主要记录一下React native的开发流程，语法，以及学习过程中的踩坑，实践等等，欢迎大家关注，如有不对的地方还希望大家指正。
其实在开始学习之前也查看了不少书籍，但是发现大部分不是语法太旧就是讲解太模糊，根本不适合我这种小白。在这里强烈建议大家，如果要学习React native一定要结合官方的开发文档，这个是最好的老师！
首先说说windows下开发React native需要的各种安装配置，（本人是win7 64）
1安装 powershell
windows 打开powershell：win+R 输入 powershell 回车。
首先查看windows 中当前powershell 版本
$psversiontable
PSVersion为当前powershell 版本号
或者
$host
Version 为当前powershell 版本号
建议升级powershell到3.0+版本，win8 及以上系统默认安装的是Windows PowerShell 4.0无需升级
win7下载 Windows Management Framework 4.0后安装即可。
2 安装Chocolatey
Chocolatey是windows下的包管理器，Chocolatey让安装一个软件不需要在浏览器中寻找软件的官网，然后将其下载下来，然后双击进行安装。只需要一条简单的命令，就可以完成搜索、安装、更新、卸载等所有操作，这里安装Chocolatey主要是为后来安装node.js和Python 2时使用
powershell 窗口下执行
iwr https://chocolatey.org/install.ps1 -UseBasicParsing | iex
或者CMD窗口下执行
@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"
等待安装按成即可。
3安装Python 2
powershell 窗口下执行
choco install python2
4安装Node.js
choco install nodejs.install
安装过程中失败了不止一次，不知道是我网速的原因还是什么，如果失败就多试几次吧。
安装完node后建议设置npm镜像以加速后面的过程（或使用科学上网工具）。注意：不要使用cnpm！cnpm安装的模块路径比较奇怪，packager不能正常识别！
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
5安装Yarn
powershell 窗口下执行
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
6配置Android Studio
1. 打开Android studio 在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。-> Press OK
2. 在SDK Tools窗口中，选择Show Package Details，然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1（必须是这个版本）。然后还要勾选最底部的Android Support Repository.
7配置ANDROID_HOME环境变量（非常重要）
确保ANDROID_HOME(名称不能变)环境变量正确地指向了你安装的Android SDK的路径。
打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建
8测试安装
创建第一个项目
react-native init FirstProjcet
cd FirstProjcet
react-native run-android
如果编译成功，真机或模拟器就会安装好了应用并启动。
注意如果此时有不止一台模拟器或真机连接，运行react-native run-android后连接的设备均会运行程序。
网友评论