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进行调试
网友评论