ezrohir / snippet

0 stars 0 forks source link

rn command #3

Open ezrohir opened 2 years ago

ezrohir commented 2 years ago

React Native 相关命令

npx

npx pod install 
npx react-native run-ios
npx react-native run-android

# 使用nrm工具切换淘宝源
npx nrm use taobao

# 如果之后需要切换回官方源可使用
npx nrm use npm
// 创建项目
react-native init AwesomeProject --version 0.57.1
npx react-native init AwesomeProject

// 信息
npm info react-native

// 安装/卸载
npm install //重新安装node_modules
npm install react-native-camera  //添加依赖:react-native-camera
npm install --save react-native-tab-navigator@0.4.0  // 安装制定版本

npm uninstall react-native-camera //移除依赖库(需要link的依赖,如果想进行移除,必须先进行unlink,然后才能进行移除操作)
react-native link //自动链接所有可以自动链接的依赖库
react-native link  react-native-camera //自动链接单个依赖:react-native-camera
react-native unlink react-native-camera  //自动断开链接单个依赖:react-native-camera
rm -rf node_modules  //移除node_modules
// 调试
cd AwesomeProject
yarn ios    // 编译并启动 Metro 服务队js代码实时打包
# 或者
yarn react-native run-ios

yarn start // Native 端代码无改动
// 模拟器
xcrun simctl list devices //查看具体可用的设备名称
**iOS模拟器:**
react-native run-ios //目前默认为"iPhone 6"
react-native run-ios --simulator "iPhone 7s" //使用--simulator参数,在其后加上要使用的设备名称来指定要模拟的设备类型

Command⌘ + R // 模拟器reload 界面
Command⌘+D //快速打开窗口模式 (可以点击remote debug)
ctrl+alt+回车 //可以直接开启chrome remote debug 模式
Command⌘+option + J(chrome)//chrome 弹出debug窗口模式,调试的具体日志

**Android:**
react-native run-android //模拟器(前提已开启模拟器)
react-native run-android //真机(前提已usb链接真机)
R,R //连续点击两次R键, 模拟器reload 界面
Command⌘ + M //快捷键来快速打开Developer Menu
1."bundle-android": "node node_modules/react-native/local-cli/cli.js 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/res"
2."bundle-android": "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/res",
//package.json中配置好bundle打包命令后,执行:
npm run bundle-android//输出bundle

//android打包apk命令:
cd android //进入到android项目目录
./gradlew clean //先清除打包缓存
./gradlew assembleDebug //打debug环境apk
./gradlew assembleRelease //打release环境apk