最近开始学习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后连接的设备均会运行程序。