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服务