react开发环境配置
步骤1.安装node.js,下载网址:https://nodejs.org/en/download/;安装node.js后,在命令行下输入npm -v ,可以查看到node.js 版本
步骤2.安装React Native 命令行工具
打开终端输入命令行:
npm install -g react-native-cli
步骤3.安装Java jdk,安装Android SDK( 或者 安装Android-studio,Android-studio有自带的SDK版本,下载网址:https://developer.android.google.cn/studio/index.html )
(1)安装java jdk ,配置环境变量:点击高级系统设置->新建环境变量(变量名:JAVA_HOME;变量值:jdk安装路径)->编辑用户变量(加上:%JAVA_HOME%/bin;)
(2)安装Android SDK,配置环境两个环境变量:ANDROID_HOME和ANDROID_SDK_HOME;编辑用户变量加上:%ANDROID_HOME%/tools;%ANDROID_HOME%/platform-tools;%ANDROID_SDK_HOME%\.android\avd;(提示:ANDROID_SDK_HOME开发工具中自带Andriod SDK不需要配置)
(3)打开AVD Manager.exe,建虚拟模拟器
步骤4:
(1)初始化项目:
react-native init <项目名称>
加淘宝镜像:找到安装目录下的:C:\Program Files\nodejs\node_modules\npm 文件npmrc,打开后,加上下面一句话,就会加快初始化
registry=https://registry.npm.taobao.org
操作:
(2)启动虚拟模拟器
(3)进入到项目目录,运行命令:react-native run-android