ReactNative: 记录几个常用

距离这篇博客 ReactNative: react-native init 到底做了什么, 已好久没有更新关于 RN 的东西了.

前两天有私信问我, 关于如何搭建 RN 开发环境?
进入开发界以来, 我们总是在不断地学习不断地向前发展.
学习新的东西, 总是需要搭建各种各样的开发环境.
搭建环境是锻炼和磨练一个人的开始, 所以,你要有耐心, 要坚持.
遇到困难, 看官方文档, 找 google 老师.

---

上面是我个人的唠叨~勿喷.

---

关于 RN 环境搭建, 官网 说的很详细, 有 windows|mac|linux 的.
总体来说, mac 上搭建 RN 环境还是很简单的.
大家还是自己动手去玩耍一把吧!

---

这篇博客会跟随 RN 的发展去迭代更新.

---

常用工具

• homebrew
• buck 构建工具
• nvm (Node Version Manager)
  
  • node 版本管理
• npm (Node Package Manager)
  
  • node 包管理
• react-native-cli
  
  • 用来开发React Native的命令行工具
• flow
• watchman
• Atom + nuclide

---

常用操作

• 查看 react native 和 react-native-cli 版本
  
  • react-native –version
• 安装 react-native-cli
  
  • npm install -g react-native-cli
  • 或者 sudo npm install -g react-native-cli
• 更新 react-native-cli
  
  • npm update -g react-native-cli
• 更新 React
  
  • cd 项目根目录
  • 修改 package.json, 修改 react 的版本号
  • 执行 npm install
• 升级项目的 react-native 版本
  
  • cd 工程根目录
  • 查看当前版本: react-native –version
  • 查看最新版本: npm info react-native
  • 安装指定版本: npm install –save react-native@0.32.0
  • 升级项目templates: react-native upgrade

---

常见问题

一. 版本升级

---

1.工程升级 ReactNative

比如升级工程的 RN 版本到0.32.0, 执行

npm install –save react-native@0.32.0

会提示你 react 版本和 reactnative 版本不对应, 一般官网有 Release 声明, 可以自行翻阅.
安装对应的 React 版本即可.
安装步骤如下:

1.修改工程下的 package.json, 修改 react 版本号为15.3.0(对应 rn0.32.0)
2.安装 react, npm install
3.升级 rn, npm install –save react-native@0.32.0
4.升级工程模板, react-native upgrade