Windows 下搭建React Native开发环境

react

本文所需工具:

  1.JDK 1.8版本

  2.Android studio 2.3.3 

  3.C++运行环境 cygwin

  4.Git for window

  5.python

  6.node.js


2.软件安装

 2.1  JDK1.8

          2.1.1.安装JDK1.8,点此去下载;

          2.1.2.下载完成后安装,安装过程简单,此处省略;

          2.1.3.配置JAVA_HOME

 2.2 Android studio

        2.1.1.安装As 2.3.3.点击此处去官网下载,点击此处去国内镜像下载

        2.1.2 .安装as,安装过程中可能需要gradle,点击此处下载

        2.1.3.配置%ANDROID_HOEM%,%ANDROID_HOME%\platform-tools,%ANDROID_HOME%\tools

       2.1.4.打开SDK Manager 下载SDK platforms 23,Android SDK Build-tools (23.0.1),Android

Support Repository 如下图


 2.3  cygwin

 

        2.3.1.下载cygwin,点击此处去下载

          2.3.2.安装cygwin,安装过程省略

 2.4.Git 

       2.4.1.下载Git,点击此处去下载 

       2.4.2.安装版本控制工具GIT,过程省略;

 2.5.python 

       2.5.1.下载python,此处使用python 2.7.14版本,点击此处去下载

       2.5.2.安装并添加到path

 2.6.node.js

       2.6.1.下载node.js,点击此处去下载

       2.6.2.安装node.js,并添加NODE_PATH指向node_global文件夹(此处设置放到3.3命令执行之后),并添加%NODE_PATH%,%NODE_PATH%\node_modules,安装目录nodejs到Path中


3.使用cmd安装react-native

    3.1.打开cmd,使用管理员模式,默认模式可能会有问题


    

   3.2.设置npm镜像以加速后面的过程(可能需要翻墙)

      指令如下:

        npm config set registry

https://registry.npm.taobao.org --global

        npm config set disturl

https://npm.taobao.org/dist --global




 3.3.安装react-native命令行工具,指令如下:

       npm install -g react-native-cli




3.4.创建本地项目

          3.4.1. 选择本地安装目录,本文已在E盘下新建了一个react-native-demo文件夹

   

   


        3.4.2 进入工程目录,运行如下指令:react-native init HelloRN,一段时间后可在react-native-demo文件夹下看到HelloRN已下载到本地




        3.4.3.启动设备并连接到电脑,此处用一个模拟器




      3.4.4.进入到项目文件夹下,运行react-native run-android指令





     3.4.5.查看Android设备是否显示安装应用,此处可以看到,react-native已安装成功!



以上是 Windows 下搭建React Native开发环境 的全部内容, 来源链接: utcz.com/z/381190.html

回到顶部