• react-native项目构建配置及window调试devtools


    1,安装android-studio,jdk, sdk  配置环境变量,(一定不能配错了,摔太多次)

      https://www.jianshu.com/p/aaff8bb91f69

      https://www.jianshu.com/p/2819e3075ab1

      网上一堆说,配置host文件,安装android-studio的,反正个人体验,不靠谱,(http://www.androiddevtools.cn/)

    2,全局安装react-native-cli

      npm i react-native-cli -g

    3,初始化项目

      react-native init newProject

    4,模拟器上调试

      打开安装的android-studio,在右侧手机图标点开,创建一个模拟器,打开(或者命令行调出模拟器)

      或者

      命令行进入sdk安装目录 例如:emulator @模拟器名称 (模拟器名称可打开android-studio查看)

      

      如命令行报错

      PANIC: Missing emulator engine program for 'x86' CPU.

        把sdk文件夹里的emulator内容复制到tools里(我是这么解决了,其他我就不知道了,有说模拟器重新下载不带googleAPIx86Image, 反正我试了,不靠谱)

        

    5,安装react-devtools( 需配置 )

    yarn add react-devtools
    https://www.cnblogs.com/weschen/p/8555006.html

    6,运行项目

      react-native run-android

    7,打开devtools

      yarn run react-devtools

    (根据官网安装所需版本号,略简,仅为个人记录)

  • 相关阅读:
    DOS下读取4GB内存
    开始了
    PHP函数补完:var_export()
    php 调试相关
    css选择符
    javascript的urlencode
    用CSS代码绘制三角形 纯CSS绘制三角形的代码
    Jquery 操作Cookie
    提高PHP编程效率的53种方法
    执行phpinfo();时提示:date_default_timezone_set()
  • 原文地址:https://www.cnblogs.com/eddina/p/10058593.html
Copyright © 2020-2023  润新知