React Native 常用操作
Node 相关
查看所有安装的node版本信息:
nvm list
复制代码
查看更新了的node的版本(可能需要):
nvm ls-remote
复制代码
安装node:
nvm install v7.4.0
复制代码
设置默认的node版本(这里设置成了7.4.0),解决有些版本有些兼容性的问题:
nvm alias default v7.4.0
复制代码
React 相关
卸载命令:
npm uninstall -g react-native-cli
复制代码
安装命令:
npm install -g react-native-cli
复制代码
查看某个模块最新发布版本信息(这里查看react-native发布的版本信息):
npm info react-native
复制代码
升级或者降级react-native的版本并且更新package.json,需要用在react-native项目目录下:
npm install --save [email protected]
复制代码
新建 react-native 项目并指定版本:
react-native init demo --version 0.40.0
复制代码
开启服务:
react-native start
复制代码
运行Android:
react-native run-android
复制代码
运行iOS:
react-native run-ios
复制代码
版本查看:
react-native --version
复制代码
项目版本查看:
react-native -v
复制代码
查看react-native的帮助信息:
react-native --help
复制代码
使用 Cocoapods 管理 ReactNative
Podfile 文件格式:
pod 'React', :path => './node_modules/react-native', :subspecs => [
'Core',
'RCTText',
'RCTImage',
'RCTActionSheet',
'RCTGeolocation',
'RCTNetwork',
'RCTSettings',
'RCTVibration',
'RCTWebSocket',
]
复制代码
ReactNative 0.42.0 以上版本需在 Podfile 配置 yoga:
# 如果你的RN版本 >= 0.42.0,请加入下面这行
pod "yoga", :path => "./node_modules/react-native/ReactCommon/yoga"
复制代码
开源组件库:
安装最新版本:
npm install react-native-tab-navigator --save
复制代码
安装指定版本:
npm install --save [email protected]
复制代码
react-native 集成组件绑定(ReactNative 0.27以后,自集成RNPM):
react-native link react-native-splash-screen
复制代码
常用开源库:
npm install --save [email protected]
npm install --save [email protected]
npm install --save [email protected]
npm install [email protected]
npm install --save [email protected]
npm install --save [email protected]
npm install --save [email protected]
npm install [email protected]
复制代码
Code-Push 常用命令
Code-Push 推包命令:
code-push release-react [options]
复制代码
示例:
code-push release-react RNAPPGithub ios --t 1.0.2 --dev false --d Staging --des "1.热更新相关设置" --m true
复制代码
Code-Push 线上查看更新:
code-push deployment ls RNAPPGithub
复制代码
Code-Push 查看项目Key:
code-push deployment ls RNAPPGithub -k
复制代码
Code-Push iOS更新打包方法:
react-native bundle --platform ios --entry-file index.js --bundle-output release_ios/main.jsbundle --assets-dest release_ios/ --dev fasle
复制代码
IDE 技巧
《使用VS Code调试React-Native程序》(https://jingyan.baidu.com/article/ad310e80fb13fc1849f49ed1.html)