美文网首页我爱编程
windows下react-native搭建环境

windows下react-native搭建环境

作者: chenzhenlindx | 来源:发表于2018-04-13 16:11 被阅读37次

    参考文章

    windows下react-native搭建环境

    第一步:安装Java

    设置环境变量,修改Path


    JAVA_HOME

    第二步:下载安装Android SDK

    设置环境变量


    ANDROID_HOME

    第三步:安装node.js,git

    第四步:安装react-native命令行工具

    在命令行输入

    npm install -g react-native-cli
    

    第五步:创建react-native项目

    1. 设置淘宝镜像(可选)
    npm config set registry [https://registry.npm.taobao.org](https://registry.npm.taobao.org/)
    
    1. 新建一个文件夹(C:\Users\czl\Documents\react-native\hello1),利用命令控制窗口进入文件夹初始化一个项目:
    react-native init AwesomeProject
    
    react-native init AwesomeProject

    这里需要一点时间

    第六步:进入工程目录:

     cd AwesomeProject
    

    第七步: 连接设备或者模拟器 这里推荐设备

    再打开一个命令窗口,运行adb devices,如果正确配置了Android SDK环境变量,我们在docs命令控制行中运行应该可以看到下面界面:


    image.png

    我们可以看到设备号为42048543c...表示已经连接成功。

    第八步:编译运行Android

    AwesomeProject目录下运行react-native run-android,就会构建工程并自动安装到你的模拟器或者设备
    首先弹出node窗口

    image.png
    image.png
    出现上图表示成功。

    第九步:运行程序

    loading

    等待几秒钟出现如下界面,即表示成功


    success

    相关文章

      网友评论

        本文标题:windows下react-native搭建环境

        本文链接:https://www.haomeiwen.com/subject/vmockftx.html