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

       

posted on 2017-06-12 15:25  飘在江湖  阅读(853)  评论(0编辑  收藏  举报

导航