加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

react-native常用操作指令

发布时间:2020-12-15 06:28:13 所属栏目:百科 来源:网络整理
导读:学习交流:https://gitee.com/potato512/Learn_ReactNative react-native学习交流QQ群:806870562 // 安装Homebrew/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" // 修改用户权限sudo chown -R `who

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

react-native学习交流QQ群:806870562


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

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

// 安装Node.js
brew install node

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

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

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

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

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

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

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

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

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

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

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

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

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

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

// 已安装node时,安装命令行工具(未安装的前提下)
npm install -g create-react-native-app

// 初始化项目
create-react-native-app 项目名称
// 进入项目目录
cd 项目名称
// 启动服务
npm start

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读