RN搭建开发环境
1.安装依赖软件：
Node.js 8.3以上
D:\Program Files\nodejs\
Python 2.x以上
D:\Python27\
D:\Python27\Scripts
JDK 1.8
Java_Home=C:\Program Files\Java\jdk1.8.0_65
%Java_Home%\bin
Android SDK
ANDROID_HOME=D:\AndroidStudio\SDK
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\tools
2.Yarn、React Native的命令行工具
Yarn与npm都是软件管理工具，Yarn速度快很多
npm(该命令是node.js中的命令，用于安装软件)
设置npm镜像：
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
Yarn、React Native的命令行工具（react-native-cli）
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
测试:
react-native --version
yarn -v
3.环境使用
React开发环境：VScode
Node.js 8.3以上
Android环境（编译运行环境）：AS
SDK platform:开发版本库
Android SDK Platform 26 （0.56）
Android SDK Platform 23 （0.55.4）
Google Api Intel x86 Atom_64 System Image ; intel HAXM （创建虚拟机使用）
SDK bulid tools:代码编译工具
26.0.3 （0.56）
23.0.1 （0.55.4）
4.创建项目运行到模拟器：
方式一：
1.创建项目
react-native init HelloWorld
react-native init HelloWorld --version 0.55.4
2.进入到项目目录中
cd HelloWorld 目录cmd
3.运行
react-native run-android
方式二:
1.导入新项目
使用其他可用项目即可
2.进入到项目目录中
cd HelloWorld 目录cmd
3.运行
react-native run-android
方式三:
Android Studio打开android项目，编译运行，到模拟器
模拟器配置设置:
摇一摇：启动设置页面 Ctrl+M
HOST：配置服务连接地址: 11.11.11.11:8081
开启node服务:
npm start开启
方式四:
直接使用.apk文件转入模拟器
模拟器配置设置:
摇一摇：启动设置页面 Ctrl+M
HOST：配置服务连接地址: 11.11.11.11:8081
开启node服务:
npm start开启
5.RN常用命令:
react-natice init HelloWorld
react-native init HelloWorld --version 0.55.4
react-native --version
react-native run-android
react-narive run-ios
npm install -g yarn react-native-cli 安装软件
npm start 开启Node服务
网友评论