美文网首页
Reactnative 环境 mac

Reactnative 环境 mac

作者: 邓浩发_1a14 | 来源:发表于2019-04-09 18:22 被阅读0次

    1.安装nodejs,下载软件再安装

    下载地址:nodejs.org

    2.安装Reactnative

    终端输入 npm install -g react-native-cli

    报错,sudo npm install -g react-native-cli

    3.安装atom,代码编辑软件

    下载地址:atom.io

    4.安装Nuclide

    打开atom  工具栏

    Packages > Setting View > Install Packages 搜索Nuclide 找到nuclide-format-js安装

    5.安装Homebrew mac软件管理器

    终端输入  /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

    5. 安装Watchman

    终端输入  brew Install watchman

    6.创建第一个Reactnative 项目

    react-native init 项目名称

    7.查看可用ios设备,需要先安装xcode

    xcrun simctl list devices

    报错,参考这篇文章处理

    https://blog.csdn.net/nathan1987_/article/details/80795117

    8.进入项目目录运行项目  cd 项目目录

    react-native run-ios --simulator "iPhone7"

    9.修改项目后,在模拟器中command+r,直接生效

    10.也可以command+d 打开enable live reload ,以后每次修改代码保存后直接生效。

    以下是Android

    安装jdk, android studio,sdk,模拟器,

    启动模拟器,设置adb目录到环境变量,sdk环境变量 

    export ANDROID_HOME=sdk目录

    终端输入adb devices 查看设置名称

    react-native run-android 设备名称

    运行项目报错,unable to load script,进入项目根目录执行以下命令

    react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/assets

    需要创建assets目录

    command+M进行调试

    相关文章

      网友评论

          本文标题:Reactnative 环境 mac

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