美文网首页
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