react-native常用操作指令

前端之家收集整理的这篇文章主要介绍了react-native常用操作指令前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

学习交流:https://gitee.com/potato512/Learn_ReactNative

react-native学习交流QQ群:806870562


  1. // 安装Homebrew
  2. /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

  1. // 修改用户权限
  2. sudo chown -R `whoami` /usr/local

  1. // 安装Node.js
  2. brew install node

  1. // 设置npm镜像
  2. npm config set registry https://registry.npm.taobao.org --global
  3. npm config set disturl https://npm.taobao.org/dist --global

  1. // Yarn、React Native的命令行工具(react-native-cli)
  2. npm install -g yarn react-native-cli

  1. // 设置Yarn镜像
  2. yarn config set registry https://registry.npm.taobao.org --global
  3. yarn config set disturl https://npm.taobao.org/dist --global

  1. // 安装Watchman(Watchman是由Facebook提供的监视文件系统变更的工具)
  2. brew install watchman

  1. // 安装Flow(Flow是一个静态的JS类型检查工具)
  2. brew install flow

  1. // 查看当前reactNative版本
  2. react-native --version

  1. // 更新全局的reactNative到最新版本
  2. sudo npm update -g react-native-cli

  1. // 查看服务器端的reactNative的各版本信息
  2. npm info react-native

  1. // 给下载的普通工程下载安装RN环境,根据配置的package.json
  2. npm install

  1. // 开启nodejs服务器,客户端可连接下载react js代码,注意debug setting里的ip和端口号分别是电脑 ip:8081
  2. npm start

  1. // 根据package.json配置的RN版本,更新RN环境代码
  2. react-native upgrade

  1. // 项目降级或升级到指定版本,记得react-native upgrade更新一下项目依赖等
  2. npm install --save react-native@0.18

  1. // 安装某个lib到项目中
  2. npm install react-native-storage --save
已安装有Xcode工具,或Android Studio工具时,使用 react-native init xx命令生成app。
  1. // 初始化一个工程、下载React Native的所有源代码和依赖包
  2. react-native init 工程名
  3. // 运行Android工程(注意:运行时,需要在当前工程目录下)
  4. react-native run-android
  5. // 运行IOS工程(注意:运行时,需要在当前工程目录下)
  6. react-native run-ios

已安装有Xcode工具,或Android Studio工具时,使用create-react-native-app xx命令生成app。

  1. // 已安装node时,安装命令行工具(未安装的前提下)
  2. npm install -g create-react-native-app
  3.  
  4. // 初始化项目
  5. create-react-native-app 项目名称
  6. // 进入项目目录
  7. cd 项目名称
  8. // 启动服务
  9. npm start

  1. // 代码修改后重新运行模拟器时
  2. // Android模拟器,键盘上双击字母键R
  3. // iOS模拟器,键盘上单击组合键:系统键+字母键R

猜你在找的React相关文章